Bezpłatnie

JavaScript Widget

Wyświetlaj bezpłatnie najnowsze ogłoszenia z lost-cat.org na własnej stronie internetowej.

Ten widget jest przeznaczony dla urzędów gmin, stowarzyszeń, schronisk, weterynarzy i wszystkich stron, które chcą pomóc w odnalezieniu zaginionych zwierząt w okolicy.

Na żywo
Podgląd

Przykład wyświetlania

Oto widżet taki, jaki pojawi się na Twojej stronie, z na przykład najnowszymi ogłoszeniami o zagubionych i znalezionych (bez odnalezionych), ze wszystkich krajów.

Krok 1

Uzyskaj klucz

Widget działa wyłącznie z kluczem powiązanym z Twoją nazwą domeny. Jest bezpłatny: wystarczy poprosić nas o niego, podając adres strony, na której chcesz wyświetlać ogłoszenia.

Poproś o klucz

Krok 2

Instalacja

Skopiuj ten kod na swoją stronę, w miejscu, w którym mają pojawić się ogłoszenia:

<div class="animalperdu-widget"
     data-key="TWOJ-KLUCZ"
     data-country="pl"
     data-language="pl"></div>

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

Skrypt można umieścić w dowolnym miejscu strony. Jedna strona może zawierać kilka widgetów.

Personalizacja

Parametry

Parametr Wartości Opis
data-key wymagane Twój klucz.
data-language de, en, es, fr, it, nl, pl, pt, ro Język ogłoszeń i etykiet. W przypadku braku lub nieobsługiwanego języka używany jest angielski.
data-country dz, ad, ar, au, at, be, bo, br, cl, ec, ph, fr, gf, gp, gt, es, nl, hn, in, jp, cm, ca, ke, co, cr, cu, li, lu, yt, mq, mx, mc, de, ng, ni, nc, nz, pk, pa, py, pe, pf, pl, pr, pt, do, za, re, ro, bl, mf, pm, sv, sg, us, ch, tz, uy, wf, ve, gb, it Kraj ogłoszeń. Bez tego parametru wyświetlane są ogłoszenia ze wszystkich krajów.
data-type all, lost, found, lost_found, reunited Typ ogłoszeń: wszystkie, zagubione, znalezione, zagubione i znalezione (bez odnalezionych), lub odnalezione.
data-lat -90 → 90 Szerokość geograficzna środka obszaru wyszukiwania, w stopniach dziesiętnych.
data-lng -180 → 180 Długość geograficzna środka obszaru wyszukiwania, w stopniach dziesiętnych.
data-radius 1 → 500 Promień obszaru wyszukiwania, w kilometrach (domyślnie 25).
data-limit 1 → 24 Liczba wyświetlanych ogłoszeń (domyślnie 8).
data-theme auto, light, dark Wygląd widgetu (domyślnie automatyczny, zgodnie z preferencjami odwiedzającego).
data-accent #87b0b7 Kolor przycisku i linków, w formacie szesnastkowym.

Jeśli podasz pozycję za pomocą data-lat i data-lng, parametr data-country zostanie zignorowany.

W praktyce

Przykłady

Wszystkie ogłoszenia w promieniu 20 km od miejscowości
<div class="animalperdu-widget"
     data-key="TWOJ-KLUCZ"
     data-language="fr"
     data-lat="45.892042"
     data-lng="6.711018"
     data-radius="20"
     data-limit="12"></div>
Ogłoszenia o zagubionych w Belgii, wyświetlane po niderlandzku, na ciemnym tle
<div class="animalperdu-widget"
     data-key="TWOJ-KLUCZ"
     data-language="nl"
     data-country="be"
     data-type="lost"
     data-theme="dark"></div>
Warto zapamiętać

Warto wiedzieć

  • Widget dostosowuje się do dostępnej szerokości i nie zapisuje plików cookie ani nie stosuje mechanizmów śledzących.
  • Jego style są odizolowane od stylów Twojej strony i nie mogą ich zakłócić.
  • Ogłoszenia są aktualizowane co godzinę.
  • Ogłoszenia i przycisk publikacji otwierają lost-cat.org w nowej karcie.