Zaloguj

Witamy w naszym Centrum wsparcia

Uzyskaj pomoc w integracji i zarządzaniu kampaniami.

Witamy w naszym Centrum wsparcia. Uzyskaj pomoc w integracji i zarządzaniu kampaniami.

Krok 1 Google Tag Manager - dataLayer

Przegląd

dataLayer jest zmienną określaną w kodzie źródłowym twojej strony web na każdej  stronie, w której wdrożysz Criteo OneTag. Nie jest wdrażana poprzez stronę Google Tag Manager. Zawartość dataLayer określi jaka informacja jest przekazywana nam poprzez Criteo OneTag. O to kilka wskazówek:

  • Wdrożenie dataLayer najlepiej przeprowadzić z pomocą dewelopera lub osoby posiadającej odpowiednie umiejętności techniczne.
  • Zawartość dataLayer będzie wykorzystywana w następnym kroku przez zmienne na Google Tag Manager.
  • DataLayer musi zostać określona między tagami <script></script> oraz PRZED określeniem tagu Google Tag Manager.
  • Jeżeli posiadasz już dataLayer na miejscu, być może konieczna jest jego aktualizacja jeżeli nie wszystkie oczekiwane dane są na miejscu. W takim przypadku, proszę mieć na uwadze, że konieczna może być aktualizacja kodu źródłowego.

Wszystkie strony

Na wszystkich stronach na których będzie obecny Criteo OneTag do dataLayernależy dodać zmienną email . To pozwoli na rozwiązanie cross-device Criteo:

  • Adres emailowy użytkownika powinien być dostępny podczas dokonywania zakupu na twojej stronie oraz gdy twoja strona udostępnia konta użytkownika.
  • Adres email nie może mieć spacji końcowych i musi być pisany małymi literami.
  • Następnie Criteo wykorzysta haszowanie MD5 do zakodowania adresu email przed wprowadzeniem go do naszych serwerów. Nie będziemy nigdy przechowywać adresów emailowych, gdyż jest to sprzeczne z naszą polityką prywatności.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': 'adres email użytkownika'
});
</script>
  • W przypadku, gdy adres email użytkownika nie jest dostępny na aktualnej stronie, parametr powinien zostać pusty.
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': ''
});
</script>

dataLayer na Stronie głównej

  • dataLayer należy wdrożyć na Stronie głównej.
  •  Parametr  TypStronyzostanie użyty, aby przekazać Google Tag Manager jaki typ strony jest wyświetlany przez użytkownika i następnie przekazać to Criteo One Tag.
  • Poniższy kod przedstawia, w jaki sposób wdrożyć dataLayer do Strony głównej:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'HomePage',
'email': 'email address of the user'
});
</script>

dataLayer na Stronie listy

  • DataLayer należy wdrożyć na Stronach Listy: kategorii Listy i wyszukiwanie List.
  • Parametry ProductID_1, ProductID_2 i ProductID_3 na poniższym przykładzie  należy dynamicznie wymienić trzema prawidłowymi id produktu z Listy.
  • Należy zauważyć, iż spróbujemy dopasować dostarczone id z id zawartymi w Twoim feedzie produktów. W przypadku gdy Twój system posiada więcej niż jeden typ id, należy upewnić się, iż ten sam typ id jest używany tak samo na wszystkich stronach.
  • Poniższy kod przedstawia, w jaki sposób wdrożyć dataLayer do Strony listy:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'email': 'email address of the user',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

dataLayer na Stronie Produktu

  • dataLayer należy wdrożyć na Stronach Produktów.
  • Parametr ProductID należy wymienić dynamicznie na id produktu aktualnie wyświetlanego produktu. To Id musi być takie same jak to zawarte w twoim feedzie dla danego produktu.
  • Poniższy kod przedstawia, w jaki sposób wdrożyć dataLayer do Strony Produktu:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'email': 'email address of the user',
'ProductID': 'ProductID'
});
</script>

dataLayer na Stronie Koszyka

  • dataLayer należy wdrożyć na Stronie Koszyk.
  • Dla każdego produktu zawartego w koszyku, należy dodać numer identyfikacyjny produktu, ilość (liczbę egzemplarzy danego produktu) oraz cenę egzemplarza.
  • Poniższy kod przedstawia, w jaki sposób wdrożyć dataLayer do Strony Koszyka:
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'BasketPage',
'email': 'email address of the user',
'ProductBasketProducts': product_list
});
</script>

dataLayer na Stronie potwierdzenia zakupu

  • DataLayer musi zostać określone na Stronie Potwierdzenia/Podziękowania (wyświetlanych po złożeniu przez klienta zamówienia i potwierdzeniu płatności).
  • Parametr TransactionID powinien zostać dynamicznie zastąpiony odpowiadającym numerem zamówienia. Tę informację należy wykorzystać do wyczyszczenia możliwych duplikatów, jakie możemy otrzymać.
  • Dla każdego nabytego produktu, należy dodać numer identyfikacyjny produktu, ilość (liczbę egzemplarzy danego produktu) oraz cenę egzemplarza.
  • Poniższy kod przedstawia, w jaki sposób wdrożyć dataLayer do Strony Potwierdzenia Zakupu:
<script type="text/javascript">
var product_list = [];
product_list.push(
{ id: "productID_1", price: price_1, quantity: quantity_1 },
{ id: "productID_2", price: price_2, quantity: quantity_2 }
/* add a line for each item in the user's cart */
);
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'email': 'email address of the user',
'ProductTransactionProducts': product_list,
'TransactionID': 'TransactionID'
});
</script>

Co dalej?

Teraz kiedy informacja Criteo musi być dostępna w dataLayer, Google Tag Manger musi wiedzieć jak odczytać dataLayer i wyjąć istotne dane. Mechanizm ten nazywa się Zmienne i jego szczegóły znajdują się w kolejnym kroku: Krok 2: Zmienne

Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 0 z 0
Oparte na technologii Zendesk