Widget JavaScript
Mostra gratuitamente gli ultimi annunci di lost-cat.org sul tuo sito web.
Questo widget è destinato a comuni, associazioni, rifugi, veterinari e a tutti i siti che desiderano aiutare a ritrovare gli animali smarriti nelle vicinanze.
Esempio di visualizzazione
Ecco il widget come apparirà sul tuo sito, con, ad esempio, gli ultimi annunci smarriti e trovati (esclusi i ritrovati), da tutti i paesi.
Ottenere una chiave
Il widget funziona solo con una chiave associata al tuo nome di dominio. È gratuita: basta richiedercela indicando l'indirizzo della pagina in cui desideri visualizzare gli annunci.
Installazione
Copia questo codice nella tua pagina, nel punto in cui devono apparire gli annunci:
<div class="animalperdu-widget"
data-key="LA-TUA-CHIAVE"
data-country="ch"
data-language="it"></div>
<script src="https://www.lost-cat.org/widget.js" async></script>
Lo script può essere inserito ovunque nella pagina. Una stessa pagina può contenere più widget.
Parametri
| Parametro | Valori | Descrizione |
|---|---|---|
| data-key | obbligatorio | La tua chiave. |
| data-language | de, en, es, fr, it, nl, pl, pt, ro | La lingua degli annunci e delle etichette. Se assente o non supportata, viene utilizzato l'inglese. |
| data-country | dz, ad, ar, au, at, be, bo, br, cm, ca, cl, co, cr, cu, ec, sv, ph, fr, de, jp, gb, gp, gt, gf, hn, in, it, ke, li, lu, mq, yt, mx, mc, ni, ng, nc, nz, nl, pk, pa, py, pe, pf, pl, pt, pr, do, re, ro, bl, mf, pm, sg, es, us, za, ch, tz, uy, ve, wf | Il paese degli annunci. Senza questo parametro, vengono visualizzati gli annunci di tutti i paesi. |
| data-type | all, lost, found, lost_found, reunited | Il tipo di annunci: tutti, smarriti, trovati, smarriti e trovati (senza i ritrovati), o ritrovati. |
| data-lat | -90 → 90 | La latitudine del centro dell'area di ricerca, in gradi decimali. |
| data-lng | -180 → 180 | La longitudine del centro dell'area di ricerca, in gradi decimali. |
| data-radius | 1 → 500 | Il raggio dell'area di ricerca, in chilometri (25 per impostazione predefinita). |
| data-limit | 1 → 24 | Il numero di annunci visualizzati (8 per impostazione predefinita). |
| data-theme | auto, light, dark | L'aspetto del widget (automatico per impostazione predefinita, secondo le preferenze del visitatore). |
| data-accent | #87b0b7 | Il colore del pulsante e dei link, in formato esadecimale. |
Se indichi una posizione con data-lat e data-lng, il parametro data-country viene ignorato.
Esempi
<div class="animalperdu-widget"
data-key="LA-TUA-CHIAVE"
data-language="fr"
data-lat="45.892042"
data-lng="6.711018"
data-radius="20"
data-limit="12"></div>
Gli annunci di smarriti in Belgio, visualizzati in olandese, su sfondo scuro
<div class="animalperdu-widget"
data-key="LA-TUA-CHIAVE"
data-language="nl"
data-country="be"
data-type="lost"
data-theme="dark"></div>
Buono a sapersi
- Il widget si adatta alla larghezza disponibile e non installa cookie né tracker.
- I suoi stili sono isolati da quelli del tuo sito e non possono quindi interferire con essi.
- Gli annunci vengono aggiornati ogni ora.
- Gli annunci e il pulsante di pubblicazione aprono lost-cat.org in una nuova scheda.