Войти

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

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

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

Руководство по внедрению тегов и фида 3D Cart

Обзор

В этом руководстве рассказывается, как создать фид продуктов и установить Criteo OneTag на вашем сайте 3D Cart.

Создание фида

3D Cart имеет структуру с родительскими и дочерними элементами, поэтому мы рекомендуем использовать внутренний идентификатор продукта 3D Cart, а не идентификатор продукта, сгенерированный в другом месте. Просто выполните следующие шесть шагов, чтобы создать фид.

Шаг 1: Экспорт/Импорт

image18.png

Шаг 2: Перейти к продуктам > Управление

image00.png

Шаг 3: Создайте новый экспорт, нажав «Добавить новый»
image01.png

Шаг 4: Заполните поля используя Criteo Product Feed Specification.
Эти названия столбцов установлены по умолчанию.Если необходимо, добавьте собственные столбцы:

  • name (alias: title)
  • url_link (alias: link)
  • image1/thumbnail (alias: image_link). ПРИМЕЧАНИЕ: убедитесь, что вы ввели домашний URL сайта в качестве префикса
  • description (alias: description)
  • price (alias: price)
  • catalogid (alias: id)
  • saleprice (alias: sale_price)
  • instock_message (alias: availability)
  • categories (alias: product_type)
  • Константа для статичного значения (необязательно)image02.png

Шаг 5: Запланируйте экспорт

Перейдите в раздел «Продукты» > выберите свой экспорт в разделе «Пользовательские экспортные наборы», а затем «Расписание».
image03.png

Шаг 6: Сгенерируйте ссылку на фид http://www.domain.com/assets/exports/filename.csv

Во вкладке Запланированный Экспорт выберите «Включить» и введите название файла. Под вкладкой «Действия» выберите первую опцию «Сохранить файл».

image04.png

Установка Criteo OneTag

Во-первых, необходимо получить доступ к теме веб-сайта. Откройте «Настройки» > «Дизайн» > «Темы и стили». Затем щелкните «Редактировать шаблон (HTML)».

Индивидуальные шаблоны

  • Главная страница: home.html.
  • Страницы со списком товаров: category_0.html. У вас может быть более одного шаблона для страниц со списком товаров.
  • Страницы продуктов: listing_0.html. У вас может быть более одного шаблона для страниц продуктов.
  • Страницы продуктов (быстрый просмотр): quickview.html.
  • Страницы корзины: view_cart.html.
  • Страницы корзины (всплывающее окно быстрого просмотра): view_cart_quick.html.
  • Страница подтверждения заказа: checkout-step4.html (если используется 4-этапная система расчетов).

Если объединить все теги в один условный оператор, можно добавить свой сценарий на страницу frame.html.

Чтобы интегрировать Criteo OneTag, выполните следующие пять простых шагов:

Шаг 1: Шаблон тега Домашней страницы >home.html

<!-- Criteo Homepage Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
    { event: "setAccount", account: PARTNER_ID},
    { event: "setSiteType", type: deviceType },
    { event: "setEmail", email: "" },
    { event: "viewHome", ecpplugin: "3dcart" }
);
</script>
<!-- END Criteo Home Page Tag -->

Шаг 2: Шаблон тега Каталога >category_0.html
Здесь нужно заполнить идентификаторы продуктов на странице как HTML или переменную JavaScript с помощью макроса [catalogid].

Цикл листинга обычно находится внутри раздела со следующими комментариями START и END.

Вы можете добавить следующий код в цикле листинга, чтобы построить массив product ID в JavaScript:

<!--START: CATEGORY_ITEMS-->
<!--START: ITEM_TEMPLATE_0–->
<script> var prodlist = prodlist||[]; prodlist.push("[catalogid]"); </script>
<!--END: ITEM_TEMPLATE_0-->
<!--END: CATEGORY_ITEMS–>

Затем скопируйте следующие теги:

<!-- Criteo Listing Page Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
var prodlist = prodlist||[]; prodlist.push("[catalogid]");
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
    { event: "setAccount", account: PARTNER_ID},
    { event: "setSiteType", type: deviceType },
    { event: "setEmail", email: "" },
    { event: "viewList", ecpplugin: "3dcart", item: prodlist  }
);
</script>
<!-- END Criteo Listing Page Tag -->

Step 3: Product/Quick-view Template > listing_0.html or quickview.html

<!-- Criteo Product Page Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
    { event: "setAccount", account: PARTNER_ID},
    { event: "setSiteType", type: deviceType },
    { event: "setEmail", email: "" },
    { event: "viewItem", ecpplugin: "3dcart", item:  "[catalogid]" }
);
</script>
<!-- END Criteo Product Page Tag -->

Шаг 4: Шаблон тега Корзины/Быстрого просмотра >view_cart.html или view_cart_quick.html

Как и в теге списка, вам потребуется создать профиль товара в HTML коде товара в корзине, в секции следующего отрезка кода между комментариями START и END:

<!--START: SHOPPING_CART_ITEM-->
<script> var cartData = cartData||[]; cartData.push({id: "[catalogid]", price: ("[ITEM_PRICE]").replace('$',''), quantity: [ITEM_QUANTITY] }); </script>
<!--END: SHOPPING_CART_ITEM-->

Затем скопируйте следующие теги:

<!-- Criteo Product Basket Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
var cartData = [];
jQuery( document ).ready(function() {
    window.criteo_q = window.criteo_q || [];
    window.criteo_q.push(
    { event: "setAccount", account: PARTNER_ID},
    { event: "setSiteType", type: deviceType },
    { event: "viewBasket", ecpplugin: "3dcart", item: cartData });
});
</script>
<!-- END Criteo Basket Page Tag -->

Шаг 5: Шаблон тега Подтверждения заказа > checkout-step4.html

Как и в теге списка или корзины, вам потребуется создать профиль товара, в секции следующего отрезка кода между комментариями START и END:

<!--START: items-->
<script> var orderData=orderData||[]; orderData.push({ id: "[catalogid]", price: ("[unitprice]").replace('$',''), quantity: "[numitems]" }); </script>
<!--END: items-->

Затем скопируйте следующие теги:

<!-- Criteo Sales Page Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
{ event: "setAccount", account: PARTNER_ID},
{ event: "setSiteType", type: deviceType },
{ event: "setEmail", email: "[oemail]"},
{ event: "trackTransaction", ecpplugin: "3dcart", id: "[invoicenum]" , item: orderData });
</script>
<!-- END Criteo Sales Page Tag -->

Верификация

  • Если у вас есть доступ к платформе Criteo Integrate, пожалуйста, зайдите в систему и протестируйте теги с помощью Дашборда проверки тегов.
  • Также вы можете скачать расширение для Chrome Criteo Accurate, чтобы проверить свои теги.
  • Помните, что в Criteo OneTag должна передаваться информация о цене за единицу товара.Мы умножаем цену за единицу на количество товаров для расчета общей стоимости заказа, отображаемой в отчетах.Если заказ включает транспортировку, пошлины, талоны, скидки или промокоды, вы несете ответственность за их правильное применение к общей стоимости заказа.

 

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