Kostenlos

JavaScript-Widget

Zeigen Sie die neuesten Anzeigen von lost-cat.org kostenlos auf Ihrer eigenen Website an.

Dieses Widget richtet sich an Gemeinden, Vereine, Tierheime, Tierärzte und alle Websites, die helfen möchten, vermisste Tiere in ihrer Nähe wiederzufinden.

Live
Vorschau

Beispieldarstellung

Hier ist das Widget, wie es auf Ihrer Website erscheinen wird, mit beispielsweise den neuesten verlorenen und gefundenen Anzeigen (ohne wiedergefundene), aus allen Ländern.

Schritt 1

Einen Schlüssel erhalten

Das Widget funktioniert nur mit einem Schlüssel, der mit Ihrer Domain verknüpft ist. Er ist kostenlos: Fragen Sie ihn einfach bei uns an und geben Sie die Adresse der Seite an, auf der Sie die Anzeigen anzeigen möchten.

Einen Schlüssel anfragen

Schritt 2

Installation

Kopieren Sie diesen Code an die Stelle Ihrer Seite, an der die Anzeigen erscheinen sollen:

<div class="animalperdu-widget"
     data-key="IHR-SCHLUESSEL"
     data-country="de"
     data-language="de"></div>

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

Das Skript kann an beliebiger Stelle der Seite stehen. Eine Seite kann mehrere Widgets enthalten.

Anpassung

Parameter

Parameter Werte Beschreibung
data-key Pflichtfeld Ihr Schlüssel.
data-language de, en, es, fr, it, nl, pl, pt, ro Die Sprache der Anzeigen und Beschriftungen. Fehlt sie oder wird sie nicht unterstützt, wird Englisch verwendet.
data-country dz, ad, ar, au, be, bo, br, cl, cr, de, do, ec, sv, fr, gf, pf, gb, gp, gt, hn, in, it, jp, cm, ca, ke, co, cu, li, lu, mq, yt, mx, mc, nc, nz, ni, nl, ng, pk, pa, py, pe, ph, pl, pt, pr, ro, re, bl, mf, pm, ch, sg, es, za, tz, uy, ve, us, wf, at Das Land der Anzeigen. Ohne diesen Parameter werden die Anzeigen aller Länder angezeigt.
data-type all, lost, found, lost_found, reunited Der Anzeigentyp: alle, verlorene, gefundene, verlorene und gefundene (ohne wiedergefundene) oder wiedergefundene.
data-lat -90 → 90 Der Breitengrad des Mittelpunkts des Suchgebiets, in Dezimalgrad.
data-lng -180 → 180 Der Längengrad des Mittelpunkts des Suchgebiets, in Dezimalgrad.
data-radius 1 → 500 Der Radius des Suchgebiets, in Kilometern (standardmäßig 25).
data-limit 1 → 24 Die Anzahl der angezeigten Anzeigen (standardmäßig 8).
data-theme auto, light, dark Das Erscheinungsbild des Widgets (standardmäßig automatisch, je nach den Einstellungen des Besuchers).
data-accent #87b0b7 Die Farbe der Schaltfläche und der Links, im Hexadezimalformat.

Wenn Sie eine Position mit data-lat und data-lng angeben, wird der Parameter data-country ignoriert.

In der Praxis

Beispiele

Alle Anzeigen in einem Umkreis von 20 km um eine Gemeinde 
<div class="animalperdu-widget"
     data-key="IHR-SCHLUESSEL"
     data-language="fr"
     data-lat="45.892042"
     data-lng="6.711018"
     data-radius="20"
     data-limit="12"></div>
Verlorene Anzeigen in Belgien, auf Niederländisch angezeigt, auf dunklem Hintergrund 
<div class="animalperdu-widget"
     data-key="IHR-SCHLUESSEL"
     data-language="nl"
     data-country="be"
     data-type="lost"
     data-theme="dark"></div>
Wichtig zu wissen

Gut zu wissen

  • Das Widget passt sich der verfügbaren Breite an und setzt weder Cookies noch Tracker.
  • Seine Stile sind von denen Ihrer Website isoliert und können diese daher nicht stören.
  • Die Anzeigen werden stündlich aktualisiert.
  • Die Anzeigen und die Schaltfläche zum Veröffentlichen öffnen lost-cat.org in einem neuen Tab.