Zgody na cookies w Next.js i React
W aplikacji znacznik musi trafić do sekcji head głównego układu, jako zwykły element script. Nie przez komponent ładowany warunkowo ani przez bibliotekę do skryptów.
Gdzie trafia kod
Plik app/layout.tsx w sekcji head albo index.html w projektach na Vite.
<script src="https://cookies.techsolver.pl/uc.js?id=KLUCZ_TWOJEJ_STRONY"></script>
Klucz jest indywidualny dla Twojej strony. Dostajesz go od nas przy wdrożeniu, razem z gotowym kodem do wklejenia.
Jak to robimy
Dodajemy zwykły znacznik script jako pierwszy element sekcji head.
Usuwamy wcześniejsze bramkowanie analityki, bo zgodą steruje teraz Consent Mode.
Wstawiamy element z deklaracją cookies na stronie polityki prywatności.
Wdrażamy i sprawdzamy kolejność wykonania w kodzie źródłowym strony.
O czym pamiętamy przy tym systemie
- ·Znacznik musi być synchroniczny. Atrybuty async i defer psują kolejność, przez którą sygnały zgody wyprzedzają tagi Google.
- ·W aplikacjach doładowujących skrypty po stronie klienta pilnujemy, żeby nasz znacznik wykonał się jako pierwszy.