Jak zintegrować CMP z Shopify Sklep?
Informacje o wycofaniu rozszerzalności usługi Checkout w dniu Shopify: Prawdopodobnie już wiesz o skryptach rozszerzających usługę Checkout Shopify jest przestarzały. W rezultacie baner zgody nie będzie już wyświetlany podczas procesu realizacji transakcji. Jeśli jednak wdrożysz Shopifytryb zgody opisany w naszych dokumentach pomocy, Shopify bezproblemowo zarządza zgodą za Ciebie. Możesz mieć pewność, że przestrzeganie naszych wskazówek sprawi, że wszystko będzie działać sprawnie. Aby uzyskać szczegółowe instrukcje, czytaj dalej.
UWAGA: Poniższy opis jest ważny tylko dla ręczny kod blokujący. Jeśli chcesz użyć automatyczne blokowanie kodu, upewnij się, że kod CMP jest wstawiany bezpośrednio po <head> element kodu Twojej witryny.
Aby zintegrować kod CMP z plikiem Shopify W sklepie wykonaj następujące kroki:
Wideo integracji
Integracja krok po kroku
- W twoim consentmanager konto, przejdź do Menu > CMP > Integracje i włącz Shopify Tryb zgody
- Upewnij się, że pod Menu > CMP > Cele czy masz wystarczającą liczbę aktywnych celów w swoim CMP
- (opcjonalnie) Jeśli używasz automatycznego blokowania, zalecamy wyłączenie automatycznego blokowania nieznanych adresów URL:
- Iść do Menu > CMP > Dostawcy i upewnij się, że masz wymienionych dostawców "Shopify Międzynarodowa spółka z ograniczoną odpowiedzialnością…” (ID s971, s2789, s2790, s2791, s2697) na liście dostawców
(Uwaga: nie wszyscy dostawcy są potrzebni we wszystkich przypadkach) - Upewnij się, że na liście dostawców znajdują się wszystkie Shopify dostawcy są przypisani do odpowiedniego celu
- Iść do Menu > CMP > Uzyskaj kody do... Strony internetowej i skopiuj kod CMP
- Login dla Twojej Shopify konto
- W menu kliknij na swój Sklep internetowy > Motywy i edytuj kod bieżącego motywu:
- Otwórz plik theme.liquid, Szukaj
<body ...>(jeśli chcesz użyć ręczny kod blokujący) lub<head ...>(jeśli chcesz użyć automatyczny kod blokujący) i wstaw kod CMP zaraz po nim:
- Naciśnij przycisk Zapisz i wróć do strony głównej sklepu
- Kliknij na Ustawienia > Prywatność klienta i Dezaktywuj baner cookie (jeśli Shopify Baner plików cookie jest włączony, w przeciwnym razie pomiń ten krok)
Uwaga: If Shopify nie wyświetla menu Baner dotyczący plików cookie > Więcej działań > Wyłącz baner dotyczący plików cookie, pamiętaj o usunięciu wszystkich innych wtyczek banerów cookie za pośrednictwem Ustawienia > Aplikacje i kanały sprzedaży > ... > Odinstaluj). W niektórych przypadkach pomaga również włączenie Shopifywłasny baner plików cookie, a następnie ponownie go wyłącz.
Uwaga: W niektórych wersjach Shopify ustawienie mówi „Usuń baner plików cookie” zamiast „Wyłącz baner plików cookie”:
- Wróć do Ustawienia > Prywatność klienta i kliknij Baner z plikami cookie i dalej Więcej akcji > Użyj niestandardowego banera cookie
Uwaga: W niektórych wersjach Shopify to ustawienie nie jest obecne, zamiast tego powinieneś zobaczyć następujące ekrany:
Ostrzeżenie, że Shopify pokazuje tutaj, można zignorować ponieważ ręcznie wstawiłeś kod do motywu.
- Po włączeniu niestandardowego banera plików cookie (lub jeśli jest już włączony w ramach Ustawienia > Prywatność klienta > Baner plików cookie > Regiony > Edytuj), upewnij się, że wszystkie regiony są zaznaczone, a następnie kliknij Potwierdzać.
Ważne: Zawsze upewnij się, że dezaktywowałeś wszystkie inne wtyczki banerów cookie i wtyczki trybu zgody w swoim Shopify przechowywać pod Ustawienia > Aplikacje i kanały sprzedaży:
Typowe problemy
Problem: Shopifywłasne analizy nie liczą się już/liczą mniej
W niektórych przypadkach automatyczne blokowanie może również blokować Shopifywłasny wewnętrzny system śledzenia. Aby temu zapobiec, prosimy o zalogowanie się do swojego consentmanager konto i przejdź do Menu > CMP > Inne i wyłącz ustawienie Blokuj skrypty wbudowane:
Problem: domyślny tryb zgody Google jest ustawiony na „przyznany”.
Niestety Shopifywłasny system śledzenia ustawia stan zgody w trybie uzyskiwania zgody Google na granted domyślnie. Aby temu zapobiec, dodaj następujący kod do swojego motywu:
- W menu kliknij na swój Sklep internetowy > Motywy i edytuj kod bieżącego motywu:
- Otwórz plik theme.liquid, Szukaj
<head> - Zaraz po wstaw następujący kod (po i przed jakimkolwiek innym kodem):
<script>
//Prevent Shopify from writing default consent mode before consentmanager loaded
window.dataLayer = window.dataLayer || [];
function gtag ()
{
if (!('cmploaded' in this))
{this.cmploaded = false;}
if (arguments.length > 1 && arguments[0] == 'consent' && arguments[1] == 'default' && !this.cmploaded)
{ return; }
if (arguments.length > 1 && arguments[0] == 'set' && arguments[1] == 'developer_id.dMzk4MW')
{this.cmploaded = true;}
dataLayer.push(arguments);
}
window.dataLayer.push(['consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'wait_for_update': 500
}]);
</script>Problem: consentmanager Warstwa zgody nie jest widoczna
Trochę Shopify motywy dodały styl CSS, który ukrywa puste elementy DIV. Jeśli w swoim projekcie aktywowałeś opcję WCAG (Menu > Projekty > Edytuj projekt > Ustawienia skrzynki), następnie CMP jest umieszczany w cieniu, dlatego nadrzędny DIV wydaje się być pusty i jest ukryty przez Shopify CSS. Aby to naprawić, musisz dodać niestandardową regułę, aby nie ukrywać pustych DIV:
- W twoim Shopify administratorze, przejdź do Sklep internetowy > Motywy
- Kliknij Dostosuj.
- Kliknij Ustawienia motywu.
- Kliknij Niestandardowe CSS.
- Dodaj nową regułę CSS i naciśnij Zapisz:
div#cmpwrapper {display: block;}
