Войти

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

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

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

Шаг 1. Google Tag Manager: dataLayer

Обзор

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

  • Реализацию dataLayer лучше всего доверить разработчику или специалисту с соответствующими техническими навыками.
  • Содержимое переменной dataLayer будет использоваться на следующем этапе в Переменных в Google Tag Manager.
  • Переменная dataLayer должна быть объявлена между тегами <script></script> ДО объявления тега Google Tag Manager.
  • Если у вас уже установлена переменная dataLayer, то может потребоваться ее обновление, если указаны не все необходимые данные. В этом случае, возможно, потребуется изменить исходный код.

Все страницы

На всех страницах, где внедрен Criteo OneTag, в переменную dataLayer должна быть добавлена переменная адреса электронной почты. Благодаря этому будет включено программное решение Criteo Cross Device.

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

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

  • Параметр dataLayer необходимо внедрить на главной странице сайта.
  • Параметр PageType будет использоваться в Google Tag Manager для определения типа страницы, просматриваемой пользователем, и соответствующего запуска Criteo OneTag.
  • Приведенный ниже код показывает внедрение dataLayer на главной странице:
<script type="text/javascript">
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">
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 */
);
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 */
);
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