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.
  • ProductID_1, ProductID_2 and ProductID_3 on the example below need to be replaced dynamically with three valid product IDs from the Listing.
  • Note that we will attempt to match the IDs provided here with the IDs that are contained in your product feed. In case your system has more than one type of ID, you need to ensure that the same ID type is used consistently across all pages.
  • 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.
  • The ProductID parameter needs to be replaced dynamically with the product ID of the currently browsed product. This ID must be the same as the one contained in your product feed for a given product.
  • 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.
  • For each product contained in the basket, you must pass the product ID, the quantity (number of units of the corresponding product), and the unit price.
  • 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ć.
  • For each product purchased, you must pass the product ID, the quantity (number of units of the corresponding product), and the unit price.
  • 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 details, 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