Criteo OneTag

Руководство по интеграции решения Criteo OneTag в исходный код вашего сайта.

Обзор

Данное руководство объяснит как интегрировать решение Criteo OneTag в исходный код вашего сайта. Код должен быть помещен в заголовок или тело каждой страницы на вашем сайте. Criteo OneTag включает в себя следующие 5 видов тэгов, которые должны быть встроены в ваш ресурс:

  1. Тэг домашней страницы

  2. Тэг категории/списка

  3. Тэг карточки товара

  4. Тэг корзины

  5. Тэг продажи

[[disclaimer-developer]]

Каталог продуктов

Пожалуйста, поделитесь с вашим аккаунт-менеджером каталогом Google Merchant, если он у вас уже есть. Если у вас его еще нет, пожалуйста создайте продуктовый каталог, соответствующий спецификации каталога Criteo.

Тэги

Тэг домашней страницы

Установите следующий тэг на домашней странице вашего сайта: {{homepageurl}}

Поле Описание Пример Синтаксис
email Открытый текст или MD5 хэш 79054025255fb1a26e4bc422aef54eb4 Строка в нижнем регистре. Длина - 32 символа, без обрамляющих пробелов. Кодировка - UTF-8.

Структура

Поля, окруженные двумя знаками хэша (##) должны быть заменены динамическими значениями, соответствующими пользователю или продукту.

<!-- Тэг домашней страницы Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Электронный адрес пользователя##" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewHome"});
</script> 
<!-- Конец тэга домашней страницы Criteo OneTag -->

Пример

<!-- Тэг домашней страницы Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Может быть пустой строкой 
 { event: "setSiteType", type: deviceType},
 { event: "viewHome"});
</script> 
<!-- Конец тэга домашней страницы Criteo OneTag -->

Тэг категории/списка

Установите следующий тэг на страницы списка, категории и страницы выдачи поисковых результатов на вашем сайте. URL такой страницы может выглядеть следующим образом: {{homepageurl}}/category?id=categoryid1

Поле Описание Пример Синтаксис
email Открытый текст или MD5 хэш 79054025255fb1a26e4bc422aef54eb4 Строка в нижнем регистре. Длина - 32 символа, без обрамляющих пробелов. Кодировка - UTF-8.
item Массив уникальных идентификаторов продуктов ['ProductID_1','ProductID_2',ProductID_3'] Массив строковых значений

Структура

Поля, окруженные двумя знаками хэша (##) должны быть заменены динамическими значениями, соответствующими пользователю или продукту.

<!-- Тэг категории Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Электронный адрес пользователя##" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewList", item: ["##ID продукта №1##", "##ID продукта №2##", "##ID продукта №3##"]});
</script> 
<!-- Конец тэга категории Criteo OneTag -->

Пример

<!-- Тэг категории Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewList", item: ["ProductID_1", "ProductID_2", "ProductID_3"] });
</script> 
<!-- Конец тэга категории Criteo OneTag -->

Тэг карточки товара

Установите следующий тэг на карточке товара вашего сайта. URL такой страницы может выглядеть следующим образом: {{homepageurl}}/product?id=productid_1

Поле Описание Пример Синтаксис
email Открытый текст или MD5 хэш 79054025255fb1a26e4bc422aef54eb4 Строка в нижнем регистре. Длина - 32 символа, без обрамляющих пробелов. Кодировка - UTF-8.
item Уникальный идентификатор продукта ProductID_1 Строка

Структура

Поля, окруженные двумя знаками хэша (##) должны быть заменены динамическими значениями, соответствующими пользователю или продукту.

<!-- Тэг карточки товара Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Электронный адрес пользователя##" }, // Может быть пустой строкой 
 { event: "setSiteType", type: deviceType},
 { event: "viewItem", item: "##ID продукта №1##" });
</script> 
<!-- Конец тэга карточки товара Criteo OneTag -->

Пример

<!-- Тэг карточки товара Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewItem", item: "ProductID_1" });
</script> 
<!-- Конец тэга карточки товара Criteo OneTag -->

Тэг корзины

Установите следующий тэг на странице корзины вашего сайта. URL такой страницы может выглядеть следующим образом: {{homepageurl}}/cart

Поле Описание Пример Синтаксис
email Открытый текст или MD5 хэш 79054025255fb1a26e4bc422aef54eb4 Строка в нижнем регистре. Длина - 32 символа, без обрамляющих пробелов. Кодировка - UTF-8.
item.id Уникальный идентификатор продукта ProductID_1 Строка
item.price Цена за единицу товара 200.99 Строка или число, без символа валюты
item.quantity Количество единиц товара 2 Целочисленное значение

Структура

Поля, окруженные двумя знаками хэша (##) должны быть заменены динамическими значениями, соответствующими пользователю или продукту.

<!-- Тэг корзины Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Электронный адрес пользователя##" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewBasket", item: [
    {id: "##ID продукта №1##", price: ##Цена за единицу товара##, 
    quantity: ##Количество товарных единиц## }
    //добавьте новую запись для каждого продукта в корзине
]}
);
</script> 
<!-- Конец тэга корзины Criteo OneTag -->

Пример

<!-- Тэг корзины Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Электронный адрес пользователя##" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "viewBasket", item: [
    {id: "ProductID_1", price: 200.99, quantity: 2 }
    //добавьте новую запись для каждого продукта в корзине
]}
);
</script> 
<!-- Конец тэга корзины Criteo OneTag -->

Тэг продаж

Установите следующий тэг на страницу подтверждения покупки или страницу благодарнности вашего сайта. URL такой страницы может выглядеть следующим образом: {{homepageurl}}/thankyou

Поле Описание Пример Синтаксис
email Открытый текст или MD5 хэш 79054025255fb1a26e4bc422aef54eb4 Строка в нижнем регистре. Длина - 32 символа, без обрамляющих пробелов. Кодировка - UTF-8.
id Номер заказа или подтверждения 7654322 Строка
item.price Цена за единицу продукта 200.99 Строка или число, без символа валюты
item.quantity Количество единиц продукта 2 Целочисленное значение
item.id Уникальный идентификатор продукта ProductID_1 Идентификатор может содержать как цифры, так и символы алфавита

Структура

Поля, окруженные двумя знаками хэша (##) должны быть заменены динамическими значениями, соответствующими пользователю или продукту.

<!-- Тэг продажи Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "##Email Address of user##" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "trackTransaction", id: ##ID транзакции##, item: [
    {id: "##ID продукта №1##", price: ##Цена за единицу товара##, 
    quantity: ##Количество товарных единиц## }
    //добавьте новую запись для каждого продукта в корзине
]}
);
</script> 
<!-- Конец тэга продажи Criteo OneTag -->

Пример

<!-- Тэг продажи Criteo OneTag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: {{accountid}}}, // Это значение остается неизменным
 { event: "setEmail", email: "79054025255fb1a26e4bc422aef54eb4" }, // Может быть пустой строкой
 { event: "setSiteType", type: deviceType},
 { event: "trackTransaction", id: 7654322, item: [
    {id: "ProductID_1", price: 200.99, quantity: 2 }
    //добавьте новую запись для каждого продукта в корзине
]}
);
</script> 
<!-- Конец тэга продажи Criteo OneTag -->

Проверка установки

[[accurate_ru]]