Wdrożenie CookieOfficer w Webflow

W Webflow kod CookieOfficer dodasz w ustawieniach witryny, w polu Head Code. Wdrożenie zajmuje kilka minut, ale wymaga płatnego planu witryny i opublikowania projektu, bo w podglądzie kod się nie uruchamia. Poniżej znajdziesz całą ścieżkę oraz jedną sytuację specyficzną dla Webflow, w której blokowanie automatyczne wchodzi w drogę animacjom.

Panel Webflow jest dostępny wyłącznie po angielsku, dlatego nazwy jego pól podajemy w oryginale.

Przed rozpoczęciem

• Musisz posiadać płatny plan (Site plan). Kod niestandardowy nie działa w planie bezpłatnym.
• Skopiowałeś kod ze strony Instalacja w panelu CookieOfficer. W sekcji „Sposób wdrożenia” wybierz „Kod na stronie”, a następnie w karcie „Wklej kod na początku <head>” kliknij „Kopiuj” przy bloku „Skrypt CookieOfficer”.

Jak dodać kod do projektu Webflow?

1. Otwórz projekt i przejdź do ustawień witryny, czyli Site settings.
2. Wejdź w zakładkę Custom Code.
3. Wklej kod CookieOfficer na samym początku pola Head Code, przed pozostałymi skryptami.
4. Kliknij Save Changes.
5. Opublikuj projekt przyciskiem Publish.

Kod z pola Head Code działa na całej witrynie. Nie dodawaj go w ustawieniach pojedynczych stron, bo wtedy baner pojawi się tylko na nich.

Zmiany widać dopiero na opublikowanej witrynie. W Designerze i w podglądzie kod się nie uruchamia, więc efekt sprawdzaj zawsze na opublikowanej stronie. Jeśli testujesz na adresie testowym Webflow, dodaj go wcześniej do projektu w CookieOfficer.

Jak zweryfikować wdrożenie?

Wróć na stronę Instalacja w panelu CookieOfficer i kliknij „Zweryfikuj teraz”. Po powodzeniu zobaczysz nagłówek „Skrypt wykryty i aktywny”.

Następnie uruchom skan witryny w panelu i przejdź na stronę Cookies. Nad listą wykrytych pozycji nie powinno być komunikatu o trackerach działających po odrzuceniu zgody przez użytkownika.

Częste błędy, których warto unikać

• Nie sprawdzaj efektu w Designerze ani w podglądzie. Kod niestandardowy uruchamia się wyłącznie na opublikowanej witrynie.
• Nie wklejaj kodu do pola Footer Code. Wszystko, co uruchomi się wcześniej, pozostanie poza zasięgiem blokowania automatycznego.
• Nie dodawaj kodu w ustawieniach pojedynczych stron. Baner ma działać na całej witrynie, a nie na wybranych podstronach.
• Nie zapomnij opublikować projektu. Zapisany kod nie trafia na stronę do czasu publikacji.