Dodaj Swoje Skrypty JavaScript
Wygeneruj i Pobierz Kod Banera Cookie
Pobierz i dołącz kod do swojego projektu. Upewnij się, że zaimportowałeś jQuery. Po zaimportowaniu skryptów/stylów, zainicjuj Powiadomienie o Cookie
<!-- Import the styles & scripts -->
<script src="cookiebanner.script.js"></script>
<link rel="stylesheet" href="cookiebanner.style.css">
<!-- Initialize Cookie Notice -->
<script>
$(document).ready(function() {
cookiebanner.init();
});
</script>
Poradnik: Jak korzystać z darmowego generatora banerów cookie
Stworzenie przyjaznej dla użytkownika i zgodnej z przepisami strony internetowej wiąże się z nawigowaniem po skomplikowanym krajobrazie praw dotyczących prywatności cyfrowej, takich jak RODO w Europie czy CCPA w Kalifornii. Jednym z pierwszych kroków w kierunku zgodności jest właściwe informowanie Twoich odwiedzających o użyciu plików cookie na Twojej stronie. To nie tylko wzmacnia przejrzystość, ale także buduje zaufanie między Tobą a Twoimi użytkownikami. Aby wspomóc to działanie, generator banerów cookie staje się nieocenionym narzędziem, umożliwiającym właścicielom stron internetowych łatwe tworzenie i zarządzanie powiadomieniami o zgodzie na cookie.
Ten przewodnik ma za zadanie przeprowadzić Cię przez proces używania narzędzia generatora banerów cookie, począwszy od wyboru motywów i kolorów pasujących do estetyki Twojej strony, aż po dostosowywanie tekstu i ustawień, aby były zgodne z Twoimi politykami prywatności. Postępując zgodnie z tymi krokami, możesz zapewnić, że Twoja strona nie tylko będzie zgodna z regulacjami dotyczącymi prywatności, ale także poprawi doświadczenia użytkowników, oferując jasne wybory dotyczące preferencji cookie. Niezależnie od tego, czy jesteś doświadczonym programistą, czy małym przedsiębiorcą z minimalną wiedzą techniczną, ten przewodnik ma na celu uproszczenie zarządzania zgodą na cookie, czyniąc je dostępnym dla wszystkich.
Krok 1: Personalizacja projektu: Motyw i paleta
W pierwszym kroku dostosowywania banera cookie rozpoczniesz od wyboru motywu i kolorów, które najlepiej pasują do projektu Twojej strony internetowej.
- Wybierz kolor dla przycisków i linków. Powinien on komplementować schemat kolorów Twojej strony.
- Zdefiniuj kolor tekstu, aby zapewnić czytelność na tle banera.
- Ustaw kolor tła dla wyraźnej widoczności tekstu.
Krok 2: Widoczność i kontrolki interfejsu użytkownika
Dostosuj, które elementy są widoczne na Twoim banerze:
- Przełącz to, aby pokazać lub ukryć przycisk ustawień.
- Zdecyduj, czy ikona zamknięcia ma być pokazana, pozwalając użytkownikom na łatwe odrzucenie banera.
- Wybierz opcję wyświetlenia przycisku 'Odrzuć' dla użytkowników.
Krok 3: Konfiguracja układu: Umiejscowienie i rozmiar
Skonfiguruj położenie i rozmiar banera:
- Wybierz, gdzie baner ma się pojawić na Twoim ekranie (Góra, Dół, Lewo, Prawo).
- Zdecyduj, czy baner powinien rozciągać się na całą szerokość ekranu (dotyczy pozycji Góra lub Dół).
Krok 4: Personalizacja Treści: Tekst i Komunikaty
Dostosuj tekst wyświetlany na Twoim banerze:
- Wprowadź zwięzły tytuł i wiadomość wyjaśniającą użycie plików cookie.
- Określ etykietę dla linku do Twojej polityki prywatności i podaj URL.
- Dostosuj etykietę przycisku akceptacji.
- Dostosuj etykietę przycisku odrzucenia.
Krok 5: Interfejs Preferencji: Organizowanie Kategorii Cookie
Oznacz różne sekcje w menu ustawień plików cookie:
- Ustaw tekst wyświetlany dla Ustawień Preferencji, Plików Cookie Koniecznych, Preferencji, Marketingu, Etykiet Analitycznych
Krok 6: Integracja Skryptów: Zarządzanie Ładowaniem na Podstawie Zgody
Dodaj skrypty, które wymagają zgody użytkownika przed załadowaniem:
- Nazwij swój skrypt i określ jego typ (Konieczny, Preferencje, Marketing, Analityka).
- Wstaw kod JavaScript, który ma być wykonany na podstawie zgody użytkownika.
Krok 7: Generowanie Kodu: Eksport i Implementacja Twojego Banera
Po skonfigurowaniu wszystkich ustawień:
- Kliknij przycisk 'Pobierz', aby wygenerować kod Twojego banera cookie.
- Zaimportuj wygenerowane skrypty cookiebanner.script.js i cookiebanner.style.css do swojego projektu.
- Upewnij się, że jQuery jest zaimportowane do Twojego projektu.
- Zainicjuj baner cookie, dodając dostarczony skrypt do HTML swojej strony internetowej.