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.
  • The content of the dataLayer will be used on the next step, through the variables on 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.

All pages

On the pages that feature the Criteo OneTag, the email variable should be added to the dataLayer. This will enable Criteo's Cross Device solution:

  • 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">
var dataLayer = dataLayer || [];
dataLayer.push({
'email': 'email address of the user'
});
</script>
  • W przypadku, gdy adres email użytkownika nie jest dostępny na aktualnej stronie, parametr powinien zostać pusty.
<script type="text/javascript">
var 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">
var 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">
var 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 */
);
var 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 */
);
var dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'email': 'email address of the user',
'ProductTransactionProducts': product_list,
'TransactionID': 'TransactionID'
});
</script>

Co dalej?

Now that the information Criteo needs is available in the dataLayer, Google Tag Manager needs to know how to read the dataLayer and take out the relevant data. This mechanism is called Variables. For more detail, see: Step 2: Variables

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