Войти

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

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

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

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

Обзор

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

Создать переменные

Ниже вы найдете список всех переменных, которые необходимо создать, и данных, которые нужно указать. Используются те же данные, что были указаны в шаге 1: dataLayer.

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

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