Gratuit

Widget JavaScript

Affichez gratuitement les dernières annonces de chat-perdu.org sur votre propre site internet.

Ce widget est destiné aux mairies, associations, refuges, vétérinaires et à tous les sites qui souhaitent aider à retrouver les animaux perdus près de chez eux.

En direct
Aperçu

Exemple de rendu

Voici le widget tel qu'il apparaîtra sur votre site, avec, par exemple, les dernières annonces perdues et trouvées (hors retrouvées), tous pays confondus.

Étape 1

Obtenir une clé

Le widget ne fonctionne qu'avec une clé associée à votre nom de domaine. Elle est gratuite : il suffit de nous la demander en indiquant l'adresse de la page sur laquelle vous souhaitez afficher les annonces.

Demander une clé

Étape 2

Installation

Copiez ce code dans votre page, à l'endroit où les annonces doivent apparaître :

<div class="animalperdu-widget"
     data-key="VOTRE-CLE"
     data-country="pm"
     data-language="fr"></div>

<script src="https://www.chat-perdu.org/widget.js" async></script>

Le script peut être placé n'importe où dans la page. Une même page peut contenir plusieurs widgets.

Personnalisation

Paramètres

Paramètre Valeurs Description
data-key obligatoire Votre clé.
data-language de, en, es, fr, it, nl, pl, pt, ro La langue des annonces et des libellés. En cas d'absence ou de langue non supportée, l'anglais est utilisé.
data-country za, dz, de, ad, ar, au, at, be, bo, br, cm, ca, cl, co, cr, cu, es, us, fr, gb, gp, gt, gf, hn, in, it, jp, ke, li, lu, mq, yt, mx, mc, ni, ng, nc, nz, pk, pa, py, nl, ph, pl, pf, pr, pt, pe, ro, do, re, bl, mf, pm, sv, sg, ch, tz, uy, ve, wf, ec Le pays des annonces. Sans ce paramètre, les annonces de tous les pays sont affichées.
data-type all, lost, found, lost_found, reunited Le type d'annonces : toutes, perdues, trouvées, perdues et trouvées (sans les retrouvées), ou retrouvées.
data-lat -90 → 90 La latitude du centre de la zone de recherche, en degrés décimaux.
data-lng -180 → 180 La longitude du centre de la zone de recherche, en degrés décimaux.
data-radius 1 → 500 Le rayon de la zone de recherche, en kilomètres (25 par défaut).
data-limit 1 → 24 Le nombre d'annonces affichées (8 par défaut).
data-theme auto, light, dark L'apparence du widget (automatique par défaut, selon les préférences du visiteur).
data-accent #87b0b7 La couleur du bouton et des liens, au format hexadécimal.

Si vous précisez une position avec data-lat et data-lng, le paramètre data-country est ignoré.

En pratique

Exemples

Toutes les annonces dans un rayon de 20 km autour d'une commune 
<div class="animalperdu-widget"
     data-key="VOTRE-CLE"
     data-language="fr"
     data-lat="45.892042"
     data-lng="6.711018"
     data-radius="20"
     data-limit="12"></div>
Les annonces perdues en Belgique, affichées en néerlandais, sur fond sombre 
<div class="animalperdu-widget"
     data-key="VOTRE-CLE"
     data-language="nl"
     data-country="be"
     data-type="lost"
     data-theme="dark"></div>
À retenir

Bon à savoir

  • Le widget s'adapte à la largeur disponible et ne dépose ni cookie ni traceur.
  • Ses styles sont isolés de ceux de votre site et ne peuvent donc pas les perturber.
  • Les annonces sont actualisées toutes les heures.
  • Les annonces et le bouton de publication ouvrent chat-perdu.org dans un nouvel onglet.