Войти

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

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

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

Шаг 2. Google Tag Manager: переменные

Обзор

На этом этапе вы будете изучать Google Tag Manager и узнаете, как искать информацию, содержащуюся в dataLayer. После настройки переменных информация, доступная в dataLayer, будет автоматически передаваться в Criteo OneTag.

Определение переменных

Далее приведен список переменных, которые должны быть определены, а также информация, которую следует указать. Мы будем использовать те же имена, которые были определены на Этапе 1: dataLayer [ссылка на этап 1, в настоящее время у данной статьи нет фиксированного URL].

Настроить переменные очень просто.

1. Выберите Variables > User-Defined Variables > NEW

2.  Задайте имя, тип и значение переменной с помощью следующего списка.

Список переменных

CriteoPartnerID

  • Тип переменной: Constant String
  • Идентификатор акакунта предоставляется в руководстве по тегам. Например, рассмотрите строку:
{ event: "setAccount", account: 11532},

 

CriteoEmail

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для адреса электронной почты, в данном примере это email:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'email': 'john@doe.com'
});
</script>

 

CriteoSiteType

  • Тип переменной: Custom JavaScript
  • Используйте следующий сценарий для определения устройства, используемого пользователем:
function(){
return /iPad/.test(navigator.userAgent)?"t":/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent)?"m":"d";
} 

 

CriteoProductID

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для идентификатора товара на странице с информацией о товаре, в данном примере это ProductID:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'ProductPage',
'ProductID': 'ProductID'
});
</script>

CriteoProductIDList

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для списка трех первых идентификаторов товаров на странице списка, в данном примере это ProductIDList:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

CriteoPageType

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для типа страницы на каждой странице, в данном примере это PageType:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType':'ListingPage',
'ProductIDList' : ['ProductID_1', 'ProductID_2', 'ProductID_3']
});
</script>

CriteoBasketProducts

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для блока информации о товарах на странице корзины, в данном примере это ProductBasketProducts:
<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',
'ProductBasketProducts': product_list
});
</script>

CriteoTransProducts

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для блока информации о товарах на странице подтверждения заказа, в данном примере это ProductTransactionProducts:
<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',
'ProductTransactionProducts': product_list
});
</script>

TransactionID

  • Тип переменной: Data Layer Variable
  • Выберите имя переменной dataLayer, заданное для идентификатора транзакции/номера заказа, в данном примере это TransactionID:
<script type="text/javascript">
dataLayer = dataLayer || [];
dataLayer.push({
'PageType': 'TransactionPage',
'TransactionID': 'TransactionID'
});
</script>

Что дальше?

Теперь Google Tag Manager может получать данные и форматировать их соответствующим образом. Следующий шаг предполагает определение сценария, согласно которому будет запускаться Criteo OneTag. Данный механизм под названием «Триггеры» будет более подробно рассмотрен в следующем шаге: Шаг 3. Триггеры.

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