Elba Eventi sul tuo sito

Se hai un albergo, un ristorante, un'associazione o il sito di un comune, puoi mostrare a chi ti legge quello che succede all'Elba nei prossimi giorni senza doverlo aggiornare tu. Il riquadro prende gli eventi da qui: quello che la redazione pubblica su Elba Eventi compare da te nel momento stesso in cui lo pubblica.

Si incorpora in poche righe, prende i colori del tuo sito e si può ridurre a un comune, a una categoria o al cartellone di una sola rassegna. Non porta pubblicità, non porta il nostro logo e non porta i nostri caratteri: l'unica cosa che dice è da dove arrivano gli eventi, in una riga in fondo.

Questa riga, dove vuoi che compaia il riquadro:

<iframe src="https://www.elbaeventi.it/it/iframe"
        title="Prossimi eventi all'isola d'Elba"
        width="100%" height="600"
        style="border: 0" loading="lazy"></iframe>

È già tutto. Il riquadro si adatta alla larghezza che trova, sul telefono come sul computer, e chi clicca su un evento ne legge la scheda lì dentro, senza lasciare la tua pagina: c'è un «torna all'elenco» per rientrare, e un collegamento a elbaeventi.it per chi vuole mappa, video e allegati.

L'altezza invece è un numero fisso, e quello qui sopra è tirato a indovinare. Conviene aggiungere anche queste righe, così il riquadro si allunga da sé invece di avere una barra di scorrimento dentro — passando dall'elenco alla scheda di un evento l'altezza cambia parecchio:

<script>
  window.addEventListener('message', function (event) {
    if (event.origin !== 'https://www.elbaeventi.it') return;
    if (!event.data || event.data.elbaeventi !== 'height') return;

    var frames = document.getElementsByTagName('iframe');
    for (var i = 0; i < frames.length; i++) {
      if (frames[i].contentWindow === event.source) {
        frames[i].style.height = event.data.height + 'px';
      }
    }
  });
</script>

Vanno messe una volta sola, in fondo alla pagina, e valgono per tutti i riquadri che ci sono dentro: non serve dare un nome a nessuno.

Si aggiungono in coda all'indirizzo, dopo un ? e separate da &: per esempio ?municipality=capoliveri&per_page=5.