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.