Witaj Gościu Zaloguj się lub zarejestruj się.
Zaloguj

Ciasteczkowy skrypt na nowe przepisy - gotowy!

Ciasteczkowy skrypt na nowe przepisy - gotowy!

Wczoraj obiecaliśmy wam, że dziś udostępnimy skrypt, który w prosty sposób umożliwi wam dostosowanie swojej witryny do nowych przepisów prawa.

Spełniając dane słowo, udostępniamy całość w postaci mini-poradnika. Teraz już nie masz wymówki aby Twoja strona nie spełniała wymogów nowych przepisów prawa!

Czy Twoja strona serwuje ciasteczka?

Nie wolno bezmyślnie kopiować wszystkiego, co jest w Internecie. Nie każda strona internetowa posiada pliki cookie, co oznacza, że nie na każdej musi być informacja o ich użyciu. Przecież idąc do sklepu nie informujesz sprzedawcę, że posiadasz kartę płatniczą, skoro jej nie masz, prawda? Właśnie dlatego, zanim przejdziesz do lektury dalszej części zapraszam Cię do odwiedzenia witryny http://www.cookie-checker.com, na której po wpisaniu adresu swoje witryny sprawdzisz, czy używa ona plików cookie. Co ważne, sprawdź co najmniej kilka podstron - to, że strona główna nie używa ciasteczek nie oznacza, że któraśz podstron tego nie robi.

Jeżeli Twoja strona używa ciasteczek, to w sekcji "First Party Cookies" oraz "Third Party Cookies" pojawią się liczby i listy, w których zobaczysz jakiego typu ciasteczka serwuje Twoja strona, serwis lub portal. Jeże nie znajdziesz nic, to możesz odetchnąć z ulgą i przejść do innego wpisu.

Dlaczego o tym piszę? Ponieważ nie każdy jest twórcą swojej witryny. Większość stron w Internecie to szablony/skrypty (darmowe lub płatne), które zostały zwyczajnie zainstalowane lub wdrożone przez osobę z zewnątrz. M.in. dlatego większość osób nie ma pojęcia o całej sprawie.


Moja strona serwuje ciasteczka - co dalej?

Na tę okazję przygotowaliśmy skrypt, który załatwi całość za Ciebie. Oto on:

Skrypt należy wstawić w stopce (najlepiej przed samym zamknięciem znacznika body), jako ostatni na stronie. Dlaczego? Z dwóch powodów:

  1. Szybsze ładowanie strony - dzięki umiejscowieniu w stopce skrypt nie wstrzymuje renderingu strony - najpierw wyświetla zawartość a dalej wyświetla kod, a nie odwrotnie.
  2. Brak nadpisania - skrypt posiada funkcję, dzięki której nie nadpisuje innych przez window.onload. Jednak aby ta funkcja zadziałała, musi być wykonana na samym końcu.

Zasada działania

Skrypt wykonuje bardzo prostą czynność - sprawdza, czy w przeglądarce znajduje się ciasteczko, które określa stan przeczytania komunikatu. Przy pierwszym uruchomieniu nie ma tego ciasteczka, więc wyświetla on informacje dla odwiedzającego. Tak się dzieje do momentu, aż użytkownik nie kliknie przycisku krzyżyka, który wyłącza komunikat i wstawia odpowiednie ciasto, dzięki czemu dalej już się nie wyświetla. Oczywiście komunikat pojawia się ponownie w przypadku wyczyszczenia ciasteczek z przeglądarki lub po upływie roku. Dodatkowo, w celu lepszej wizualizacji, skrypt pobiera arkusz stylów CSS do prezentacji.

Jednocześnie komunikat posiada hiperłącze, które prowadzi do strony http://wszystkoociasteczkach.pl, gdzie użytkownik może zapoznać się z szerszym opisem informacji o tym czym są ciasteczka,do czego służą itd.


Hostowanie zdalne i lokalne

Powyższy skrypt pobierany jest z naszych serwerów i wyświetlany użytkownikowi. Jeżeli chciałbyś mieć większą kontrolę nad całością lub chciałbyś go nieco zmodyfikować - poniżej znajdziesz hiperłącze, pod którym możesz pobrać paczkę ze skryptem, który możesz dowolnie modyfikować do swoich potrzeb.

Implementacja wygląda dokładnie tak samo - wstawiasz w stopce skrypt i gotowe. Rożnica jest taka, że możesz modyfikować jego wygląd, oraz zasadę działania wg. własnych potrzeb. Ponieważ jest to technika dla osób znających JavaScript, CSS i HTML, to nie będę omawiała każdej linijki.


Podsumowując

Mam nadzieję, że stworzony przez nas skrypt pomoże Ci w prosty sposób przebrnąć przez nowe przepisy. Został on przetestowany na kilku przeglądarkach i 5 witrynach, więc nie powinien posiadać błędów. Mimo wszystko, jeżeli znajdziesz jakikolwiek - podziel się informacją w komentarzach - na pewno postaramy się rozwiązać problem.

Pliki źródłowe

Inne wpisy, które mogą Cię zainteresować

Poniżej przedstawiamy Ci propozycje innych wpisów, które mogą Cię zainteresować. Sprawdź, czytaj i poszerzaj swoją wiedzę.


Czytaj
Różnica pomiędzy :nth-child a :nth-of-type w CSS

Różnica pomiędzy :nth-child a :nth-of-type w CSS

Czytaj
Szał wersji Firefox oraz Chrome. Geneza i prognoza na przyszłość

Szał wersji Firefox oraz Chrome. Geneza i prognoza na przyszłość

Czytaj
Optymalizacja skryptów PHP. Porady i najlepsze praktyki

Optymalizacja skryptów PHP. Porady i najlepsze praktyki

Czytaj
Formularze w HTML 5 - zmiany i nowości

Formularze w HTML 5 - zmiany i nowości

Komentarze do tego wpisu


comments powered by Disqus