Войти

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

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

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

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

Обзор

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

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

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

  1. Экспорт/импорт
    Перейти к продуктам > Список продуктов > Экспорт/импорт
    image18.png
  2. Перейти к продуктам > Управление
    image00.png
  3. Нажмите «Добавить новый», чтобы создать новый экспорт.
    image01.png
  4. Сопоставьте поля, используя характеристики продуктового каталога Criteo.
    Это названия столбцов по умолчанию. При необходимости в экспорт можно добавить следующие дополнительные столбцы.
    • 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
    Щелкните тег Главной страницы.
  2. Шаблон листинга >category_0.html
    Здесь нужно заполнить идентификаторы продуктов на странице как HTML или переменную JavaScript с помощью макроса [catalogid].

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

    <!--START: CATEGORY_ITEMS-->
    <!--START: ITEM_TEMPLATE_0-->
    ....html template for each product in the category....
    <!--END: ITEM_TEMPLATE_0-->
    <!--END: CATEGORY_ITEMS-->

    You can add the following code within the listing loop to build an array of products IDs in JavaScript:

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

    image05.png

    Щелкните тег листинга
  3. Шаблон продукта/быстрого просмотра >listing_0.html или quickview.html
    Щелкните тег страницы продукта.
  4. Шаблон корзины/быстрого просмотра >view_cart.html или view_cart_quick.html
    Аналогично тегу листинга, нужно построить массив продуктов в петле элементов корзины HTML, который находится в разделе следующих комментариев START и END.

    image06.png

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

    image07.png

    Щелкните тег корзины.
  5. Шаблон подтверждения заказа > checkout-step4.html
  6. Данные продукта совпадают с данными листинга и корзины.
    <!--START: items-->
    <script> var orderData=orderData||[]; orderData.push({ id: "[catalogid]", price: ("[unitprice]").replace('$',''), quantity: "[numitems]" }); </script>
    <!--END: items-->

    image08.png
    Идентификатор заказа можно извлечь с помощью макроса [invoicenum].
    Адрес электронной почты в виде открытого текста можно извлечь с помощью макроса [oemail].
    Щелкните тег конверсии.

Как проверить теги?

 

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