Войти

Добро пожаловать в Центр поддержки

Получите помощь с интеграцией и запущенными кампаниями.

Добро пожаловать в Центр поддержки. Получите помощь с интеграцией и запущенными кампаниями.

Шаг 1. Google Tag Manager: dataLayer

Обзор

dataLayer представляет собой переменную, объявленную в исходном коде вашего веб-сайта на каждой странице, где будет внедрен Criteo OneTag. Она не реализуется через веб-сайт Google Tag Manager. Содержимое переменной dataLayer определяет, какая информация будет передана через Criteo OneTag. Вот несколько советов:

  • Реализацию dataLayer лучше всего доверить разработчику или специалисту с соответствующими техническими навыками.
  • The content of the dataLayer will be used on the next step, through the variables on Google Tag Manager.
  • Переменная dataLayer должна быть объявлена между тегами <script></script> ДО объявления тега Google Tag Manager.
  • Если у вас уже установлена переменная dataLayer, то может потребоваться ее обновление, если указаны не все необходимые данные. В этом случае, возможно, потребуется изменить исходный код.

Все страницы

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:

  • Адрес электронной почты пользователя должен быть доступен при совершении покупки на вашем веб-сайте, а также в случае если на вашем веб-сайте можно регистрировать аккаунты пользователей.
  • Адрес электронной почты должен быть написан строчными буквами и не должен содержать концевых пробелов.
  • Перед сохранением на наших серверах Criteo будет использовать хеширование MD5 для шифрования адреса электронной почты. Мы не храним обычные адреса электронной почты, поскольку это противоречит нашей политике конфиденциальности.
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'email': 'email address of the user'
});
</script>
  • Если адрес электронной почты пользователя не доступен на текущей странице, то строку этого параметра следует оставить пустой.
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'email': ''
});
</script>

Параметр dataLayer на главной странице

  • Параметр dataLayer необходимо внедрить на главной странице сайта.
  • Параметр PageType будет использоваться в Google Tag Manager для определения типа страницы, просматриваемой пользователем, и соответствующего запуска Criteo OneTag.
  • Приведенный ниже код показывает внедрение dataLayer на главной странице:
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'HomePage',
'email': 'email address of the user'
});
</script>

Параметр dataLayer на странице списка

  • Переменная dataLayer должна быть внедрена на ваших страницах списков: в категории списков и в поисках списков.
  • Параметры ProductID_1, ProductID_2 и ProductID_3, представленные в следующем примере, должны быть динамически заполнены тремя действительными идентификаторами товаров из списка.
  • Имейте в виду, что мы будем проверять соответствие идентификаторов, представленных на этой странице, и идентификаторов, содержащихся в вашем продуктовом фиде. Если в вашей системе используется несколько типов идентификаторов, то вам необходимо убедиться, что на всех страницах используется один и тот же тип идентификаторов.
  • Приведенный ниже код показывает внедрение dataLayer на странице списка:
<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 на странице с информацией о товаре

  • Параметр dataLayer следует внедрить на страницы с информацией об отдельных товарах.
  • Параметр ProductID должен быть динамически заполнен идентификатором товара, просматриваемого в данное время. Этот идентификатор должен совпадать с одним из идентификаторов в вашем фиде, приведенным для данного товара.
  • Приведенный ниже код показывает внедрение dataLayer на странице с информацией о товаре:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'email': 'email address of the user',
'ProductID': 'ProductID'
});
</script>

Параметр dataLayer на странице корзины

  • Параметр dataLayer следует внедрить на страницу корзины.
  • Для каждого добавленного в корзину товара нужно передавать идентификатор товара, количество (количество единиц соответствующего товара) и цену.
  • Приведенный ниже код показывает внедрение dataLayer на страницу корзины:
<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 на странице подтверждения заказа

  • Переменная dataLayer должна быть объявлена на странице подтверждения заказа/благодарности за покупку (отображается после того, как пользователь разместил заказ и была подтверждена оплата).
  • Параметр TransactionID должен быть динамически заполнен соответствующим номером заказа. Эта информация будет использоваться для удаления возможных дубликатов заказов, которые мы можем получить.
  • Для каждого приобретенного товара нужно передавать идентификатор товара, количество (количество единиц соответствующего товара) и цену.
  • Фрагмент кода ниже демонстрирует внедрение dataLayer на Странице подтверждения заказа:
<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>

Что дальше?

Все данные, необходимые Criteo, находятся в dataLayer, поэтому Google Tag Manager необходимо понимать, как считывать dataLayer и получать релевантные данные. Этот механизм называется переменные. Для получения дополнительной информации см: Шаг 2. Переменные.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
На базе технологии Zendesk