Wdrożenie CookieOfficer w Shopify

Na platformie Shopify kod CookieOfficer dodasz bezpośrednio w szablonie motywu, w pliku theme.liquid. Poza wklejeniem kodu powinieneś wykonać dwie czynności: wyłączyć natywny baner Shopify i włączyć synchronizację nowego banera ze sklepem. Poniżej znajdziesz pełną instukcję.

Przed rozpoczęciem należy

• Skopiować kod ze 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”.
• Wyłączyć natywny baner Shopify. Znajdziesz go w Ustawienia > Prywatność klienta > Baner plików cookie. Dwa banery na jednej stronie to dwie niezależne zgody i dwa różne zapisy decyzji użytkownika.
• Zrobić kopię motywu. Przed edycją szablonu zduplikuj motyw, aby móc wrócić do poprzedniej wersji.

Jak dodać kod CookieOfficer do motywu sklepu?

1. W panelu Shopify przejdź do Sklep online > Motywy.
2. Przy aktywnym motywie kliknij menu z trzema kropkami i wybierz Edytuj kod.
3. W sekcji Układ otwórz plik theme.liquid.
4. Wklej kod CookieOfficer tuż po otwierającym znaczniku <head>, przed znacznikiem {{ content_for_header }} i przed pozostałymi skryptami.
5. Kliknij Zapisz.

Kolejność ma znaczenie. {{ content_for_header }} wstawia skrypty Shopify i aplikacji, więc kod umieszczony za nim nie zdąży ich zatrzymać.

Unikaj dodawania kodu jako Custom Pixel. Shopify sam podpowiada to miejsce na kod śledzący, ale piksele działają w sandboxie i nasz kod nie będzie w stanie zweryfikować stamtąd strony sklepu.

Włącz synchronizację CookieOfficer ze sklepem

Piksele i narzędzia Shopify nie są blokowane w standardowy sposób. Musimy przekazać decyzję użytkownika poprzez API do sklepu, a Shopify sam egzekwuje na jej podstawie swoje śledzenie.

Wejdź w Ustawienia w panelu CookieOfficer, znajdź sekcję „Shopify” i włącz przełącznik „Synchronizuj zgodę ze sklepem Shopify”. Domyślnie jest wyłączony, więc bez tego kroku piksele Shopify nie poznają decyzji użytkownika.

Kategorie mapujemy tak:

Zwróć uwagę na kategorię marketingową: jest ona powiązana z parametrem sale_of_data -istotnym przy regulacjach kalifornijskich.

Jak zweryfikować wdrożenie CookieOfficer na stronie?

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

Otwórz też sklep w oknie incognito i sprawdź, czy baner się pokazuje. Na koniec uruchom skan serwisu w panelu i wejdź na stronę Cookies. Nad listą wykrytych pozycji nie powinno być komunikatu o trackerach działających po odrzuceniu zgody przez użytkownika.

Jeśli po wdrożeniu coś w sklepie przestanie działać, wejdź na stronę Cookies i przy pozycji tego dostawcy przełącz „Blokuj przed zgodą” na „Nie blokujemy”. Blokowanie pozostałych pozycji będzie działać dalej.

Podział ról w sklepie Shopify

CookieOfficer nie pojawi się w koszyku ani w kasie, ponieważ Shopify blokuje tam kod dostawców zewnętrznych. Decyzja użytkownika zebrana w sklepie obowiązuje jednak dalej, bo przekazujemy ją do platformy.

Częste błędy, których należy unikać

• Nie zostawiaj włączonego banera Shopify. Użytkownik zobaczy dwa banery.
• Nie dodawaj kodu jako Custom Pixel. Działa w sandboxie i nie zobaczy stamtąd strony sklepu.
• Nie wklejaj kodu CookieOfficer za {{ content_for_header }}. Skrypty Shopify i aplikacji zdążą wtedy wystartować przed naszym kodem.
• Nie pomijaj przełącznika synchronizacji w panelu CookieOfficer. Bez niego piksele Shopify nie poznają decyzji użytkownika.
• Nie edytuj motywu bez kopii. Duplikat motywu to jedyna szybka ścieżka powrotu, jeśli coś pójdzie nie tak.
• Nie zapominaj o innych szablonach. Każdy układ, który renderuje własny nagłówek, potrzebuje kodu osobno.