Widgeti za portale

Besplatni "Danas / Sutra u Istri" widgeti za vaš portal — kopirate iframe kod, gotovo. Bez registracije, bez API ključa.

Nova opcija: JS ugradnja (bez iframe-a)

Umjesto iframe-a, widget se može ugraditi i putem jedne linije koda koja renderira sadržaj direktno unutar vaše stranice. Prednosti: automatska visina (nema praznog prostora ni scrollanja), sadržaj je vidljiv tražilicama u sklopu vaše stranice, i lakše prati širinu kontejnera na mobitelu. Stil widgeta je izoliran (Shadow DOM) pa ne utječe na izgled ostatka stranice.

<script src="https://www.istraevents.com/widget.js"
  data-variant="square"
  async></script>

Zamijenite data-variant vrijednošću željene veličine (npr. vertical-tall, media-list) — kod za svaku veličinu nalazi se ispod. Iframe opcija ostaje dostupna za one kojima je bitnija potpuna izolacija sadržaja.

Square

Najkompaktniji widget (300×250, standardna oglasna veličina) — samo vrijeme i naslov, do 4 događanja. Za tijesne prostore.

300 × 250px

Iframe

<iframe
  src="https://www.istraevents.com/widget/square"
  height="250"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="square"
  async></script>

Vertical Compact

Mali sidebar widget — samo "Danas / Sutra" tabovi, bez filtera. Za uske sidebar kolone.

300 × 400px

Iframe

<iframe
  src="https://www.istraevents.com/widget/vertical-compact"
  height="400"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="vertical-compact"
  async></script>

Vertical Tall

Standardni sidebar widget (300×600, "half page" IAB veličina) — s filterom po kategoriji.

300 × 600px

Iframe

<iframe
  src="https://www.istraevents.com/widget/vertical-tall"
  height="600"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="vertical-tall"
  async></script>

Horizontal Fluid

Traka s karticama koje se vodoravno scrollaju — širina prati kontejner, visina fiksna. Za header/footer pozicije.

100% × 260px

Iframe

<iframe
  src="https://www.istraevents.com/widget/horizontal"
  height="260"
  frameborder="0"
  style="border:none;border-radius:12px;width:100%;max-width:100%;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="horizontal"
  async></script>

Media List

Lista sa slikom naslovnice pored teksta (naslov, vrijeme, mjesto) — jasnije od golog teksta, kompaktnije od galerije.

300 × 500px

Iframe

<iframe
  src="https://www.istraevents.com/widget/media-list"
  height="500"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="media-list"
  async></script>

Gallery

Kartice s velikom naslovnicom na vrhu i tekstom ispod — najvizualnija varijanta, za portale s više prostora.

300 × 600px

Iframe

<iframe
  src="https://www.istraevents.com/widget/gallery"
  height="600"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

JS ugradnja (bez iframe-a, automatska visina)

<script src="https://www.istraevents.com/widget.js"
  data-variant="gallery"
  async></script>

Napredne opcije — samo vaš grad ili kategorija

Dodajte ?grad= i/ili ?kategorija= na kraj adrese widgeta da prikažete samo događanja za jedan grad ili jednu temu — savršeno za turističke zajednice ili tematske portale.

Primjer — samo Rovinj

<iframe
  src="https://www.istraevents.com/widget/vertical-tall?grad=Rovinj"
  height="400"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

Primjer — samo Glazba

<iframe
  src="https://www.istraevents.com/widget/vertical-tall?kategorija=Glazba"
  height="400"
  width="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
  loading="lazy"
  title="IstraEvents — događanja u Istri"
></iframe>

Parametri rade na sve četiri veličine widgeta (osim Square, koji je namjerno bez filtera). Kad je grad/kategorija zadan kroz link, filter-padajući izbornik se sakriva jer nema što birati.

Pitanja ili prilagodba? Javite nam se putem kontakt stranice.