Przejdź do treści

Widget imieninowy na stronę

Wstaw na swoją stronę pole z dzisiejszymi imieninami. Jeden znacznik, jeden plik bez zależności, dane na wszystkie 366 dni wbudowane w skrypt - po wczytaniu widget nie wykonuje żadnych zapytań sieciowych, nie ustawia plików cookie i nie zbiera danych o odwiedzających. Plik waży 33 kB, a po kompresji około 11 kB.

Kod do wklejenia

Wklej ten fragment w miejscu, w którym widget ma się pojawić. Skrypt znajdzie element o identyfikatorze kalendaro-imieniny i wypełni go treścią.

<div id="kalendaro-imieniny"></div>
<script src="https://kalendaro.pl/widget/imieniny.js" async></script>

Widget pokazuje do ośmiu imion na dzień, a gdy w kalendarzu jest ich więcej, dopisuje „i inni" i odsyła do pełnej listy. W kalendarzu bywa nawet czterdzieści kilka imion na jeden dzień, więc pełna lista w widgecie przestałaby być widgetem, a plik urósłby dwukrotnie.

Plik skryptu: /widget/imieniny.js. Można go pobrać i hostować u siebie - wtedy aktualizacja danych wymaga podmiany pliku.

Jak zmienić wygląd

Widget nie narzuca kolorów ani krojów pisma - dziedziczy je ze Twojej strony. Elementy mają klasy z przedrostkiem kal-, więc wystarczy dopisać własne reguły CSS: .kal-widget obejmuje całość, .kal-date datę, .kal-names listę imion, a .kal-link odsyłacz do serwisu.

Odsyłacz jest jedynym warunkiem korzystania z widgetu i skrypt dokłada go sam. To również jedyna forma rozliczenia - widget jest darmowy, bez rejestracji i bez limitu odsłon.

Najczęstsze pytania

Czy widget jest darmowy?
Tak, bez rejestracji i bez limitu odsłon. Warunkiem jest zachowanie widocznego odsyłacza do serwisu, który skrypt dokłada sam - to jedyna forma rozliczenia i powód, dla którego widget istnieje.
Czy widget zwalnia moją stronę?
Nie powinien. Skrypt jest jednym plikiem bez zależności, ma wbudowane dane imienin na wszystkie 366 dni i nie wykonuje żadnych zapytań sieciowych po wczytaniu. Nie ustawia też plików cookie ani nie zbiera danych o odwiedzających.
Czy mogę zmienić wygląd widgetu?
Tak. Skrypt nie narzuca stylów poza minimalnym układem, a wszystkie elementy mają klasy z przedrostkiem, więc wystarczy dopisać własne reguły CSS na swojej stronie. Można też pobrać plik, wstawić go u siebie i zmienić dowolnie.