Consentl w Squarespace

Dodaj Consentl przez wstrzykiwanie kodu Squarespace, przenieś Google Analytics z wbudowanej integracji, wyłącz baner Squarespace i sprawdź, co działa pierwsze.

Skrypt ładujący jako pierwszy w <head>: Nie — prosimy zapoznać się z ograniczeniami

Czy skrypt ładujący może być pierwszy w <head>? Nie. Squarespace wstawia wstrzykiwany kod Header po własnej zawartości sekcji head (kontekst witryny, pakiety skryptów, analityka Squarespace).

Wymagania

Wstrzykiwanie kodu jest dostępne w planach Core, Plus i Advanced (oraz w niektórych starszych planach Business / Commerce), ale nie w planie Basic (dawniej Personal).
Klucz witryny Consentl, dostępny na stronie Konfiguracja witryny w panelu. Nazwę hosta witryny należy dodać w polu Domeny; www. i domena bez www liczą się jako ta sama witryna, więc nie trzeba osobno dodawać www..

Co obejmuje Państwa plan Consentl

Free: baner, rejestr zgód i tylko ręczne blokowanie.
Pro: dodaje Google Consent Mode v2.
Business: dodaje automatyczne blokowanie znanych narzędzi śledzących i reguły blokowania dodane w panelu.

W planach Free i Pro wstrzymywane są tylko tagi oznaczone ręcznie.

Instalacja

Należy otworzyć panel Code Injection. Najszybciej jest wyszukać „Code injection” w wyszukiwarce panelu. W zależności od wersji panelu znajduje się on w Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection lub Settings → Advanced → Code Injection.
W polu Header należy wkleić skrypt ładujący jako pierwszy wiersz:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Jeżeli witryna korzysta również z szablonu Consentl GTM, należy dodać &gcm=ext do adresu URL, aby polecenia Consent Mode wysyłał tylko szablon.
Należy kliknąć Save.
Należy przenieść Google Analytics z wbudowanej integracji Squarespace: usunąć identyfikator pomiaru z Settings → Developer tools → External API keys (Google Analytics) i zamiast tego dodać GA (gtag.js) lub GTM we wstrzykiwanym kodzie Header poniżej wiersza Consentl. Własny baner cookie Squarespace warunkuje wbudowaną integrację Google Analytics i osadzone filmy YouTube. Po wyłączeniu tego banera (następny krok) Squarespace przestaje czekać na zgodę, a Consentl nie może wstrzymać tagu, który Squarespace wstrzykuje przed nim.
Należy wyłączyć własny baner Squarespace w panelu Cookies & Data Privacy (/settings/website/cookies): Cookie banner → off. Aktywny może być tylko jeden baner zgody. Następnie należy zdecydować o ustawieniu Non-essential cookies: Restrict:
- Wyłączone: wbudowana integracja GA, która nie została usunięta, działa przed jakąkolwiek zgodą.
- Włączone: wbudowane GA Squarespace i własne analityczne pliki cookie Squarespace nigdy się nie uruchamiają, nawet po akceptacji przez odwiedzającego w Consentl (Squarespace: odwiedzający „won't be able to opt in”).
- Po przeniesieniu GA do wstrzykiwanego kodu (krok 4) Restrict nie wpływa już na GA; należy je włączyć tylko wtedy, gdy chcą Państwo wyłączyć własne nieniezbędne pliki cookie Squarespace dla wszystkich.
Należy sprawdzić osadzone filmy YouTube w blokach wideo Squarespace. Jeżeli ładują się przed wyrażeniem zgody, należy zastąpić je blokiem Code, który Consentl wstrzymuje:
```
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
```
Opcjonalnie: należy dodać w stopce link z adresem URL #consentl i etykietą „Ustawienia plików cookie”. Linki, których adres URL kończy się na #consentl lub #consentl-preferences, oraz każdy element z atrybutem data-consentl-open otwierają preferencje.
Opcjonalnie: na stronie polityki plików cookie należy dodać blok Code z deklaracją:
```
<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>
```
Dla formularza wniosku dotyczącego danych osobowych lub unijnego formularza odstąpienia od umowy należy zamiast tego użyć data-consentl-request lub data-consentl-withdrawal. Formularz odstąpienia od umowy wymaga planu Pro lub wyższego i musi zostać włączony w panelu; w przeciwnym razie pozostaje pusty.

Sprawdzenie działania

Należy otworzyć witrynę w oknie prywatnym. Wstrzykiwany kod działa również w podglądzie edytora; jeżeli skrypt działa tam nieprawidłowo, należy użyć Disable Scripts in Preview lub dodać /safe do adresu edytora.

Region odwiedzającego jest ustalany na podstawie jego adresu IP: Consentl ustala kraj w pamięci przy każdym wyświetleniu strony (nic nie jest zapisywane) i stosuje do niego Państwa regułę z panelu. Stany USA nie są rozróżniane: odwiedzający z USA otrzymują Państwa regułę dla całych USA lub, jeżeli jej nie ma, pierwszą regułę dla stanu USA. Nieznany kraj otrzymuje regułę dla nieznanych regionów (domyślnie opt-in).

Kod dla poszczególnych stron i języki

Kod dla konkretnej strony: Settings → Advanced → Page Header Code Injection danej strony. Jest dodawany oprócz kodu Header całej witryny. Nie należy umieszczać tam skryptu ładującego: na każdej stronie powinien być jeden skrypt ładujący z tym samym adresem URL.
Squarespace nie obsługuje natywnie witryn wielojęzycznych. Można pominąć &l=, aby używać domyślnego języka z panelu.

Ograniczenia

Nie jest pierwszy w head. Własne skrypty Squarespace, w tym Squarespace Analytics, ładują się przed Consentl i nie mogą być przez niego blokowane. W razie potrzeby można je ograniczyć ustawieniem „Non-essential cookies” Squarespace (wpływ na wbudowane GA opisano w kroku 5). Tagi podmiotów trzecich ładowane przez kod poniżej wiersza Consentl lub w blokach są wstrzymywane, gdy są rozpoznanymi narzędziami śledzącymi (plan Business i wyższe); w planach Free i Pro wstrzymywane są tylko tagi oznaczone ręcznie.
Tagi zapisane na stałe. <script src>, piksel <img> lub <iframe> zapisane we wstrzykiwanym kodzie lub w bloku Code są pobierane przez przeglądarkę, zanim jakikolwiek skrypt może je zatrzymać, nawet jeżeli Consentl uniemożliwia ich uruchomienie. Takie tagi należy oznaczyć ręcznie, a piksele <noscript> usunąć:
```
<script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">
```
Tagi ładowane przez kod (GTM, skrypt ładujący JavaScript piksela) są wstrzymywane bez żądania, gdy włączone jest automatyczne blokowanie.
Strony procesu zamówienia nie obsługują własnego kodu; baner nie pojawia się w procesie zamówienia. Istnieją tylko pola dla stron Order Confirmation i Order Status.
Szablony w wersji 7.0 z ładowaniem AJAX mogą nie uruchamiać kodu ponownie przy nawigacji w obrębie witryny. Nie przeszkadza to skryptowi ładującemu, który pozostaje załadowany; nawigacja po stronie klienta nie powoduje utraty banera.

Potrzebują Państwo pomocy? Prosimy pisać na adres support@consentl.com — odpowiadamy po angielsku w dni robocze.