• Создана пользователем пользователь-81394. Последнее обновление: апр. 08, 2022 Время чтения: 8 мин.

Вы просматриваете старую версию данной страницы. Смотрите текущую версию.

Сравнить с текущим просмотр истории страницы

« Предыдущий Версия 2 Следующий »

В DSP Getintent есть возможность  размещения динамических креативов. 

Для их корректной работы необходимы: установка трекингового пикселя, товарный фид и JS/CSS-сниппеты.

Пиксель

Для работы ретаргетингового механизма динамических креативов требуется установить трекинговый пиксель на все страницы сайта, и на страницах товаров обозначать их id (Product ID, обязательно) и категорию (Category ID, обязателен для модели показа "Категории последних просмотренных товаров", опционально в остальных случаях).

Установка специализированных кодов страниц корзины или совершения конверсии для работы этого инструмента не требуется, механизм работает только с данными о просмотренных товарах.

Без корректной установки трекингового пикселя или при невозможности показать товары для выбранной модели показов в креативе будут показываться случайные товары из фида.


Для генерации кода пикселя перейдите в раздел Сайт, при необходимости создайте его (статья о создании Сайта), и после сохранения нажмите на символ "цепочки":


Появится поле генерации кода, в котором нужно выбрать Тип пикселя Tracking Pixel, и для наглядности заполнить ориентировочными данными поля Product ID и Category ID:

Пример сгенерированного кода трекингового пикселя 
<script type="text/javascript">
    if (typeof __GetI === "undefined") {
        __GetI = [];
    }
    (function () {
        var p = {
            type: "VIEW",
            /* config START */
            site_id: "1111",
            product_id: "product_id",
            product_price: "",
            category_id: "category_id",
            pixel_id: ""
            /* config END */
        };
        __GetI.push(p);
        var domain = (typeof __GetI_domain) == "undefined" ? "px.adhigh.net" : __GetI_domain;
        var src = ('https:' == document.location.protocol ? 'https://' : 'http://') + domain + '/p.js';
        var script = document.createElement( 'script' );
        script.type = 'text/javascript';
        script.src = src;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(script, s);
    })();
</script>

Обратите внимание, что на место значений параметров product_id и category_id при установке кода нужно настроить передачу значений с помощью макросов сторонних инструментов (таких, как Google Tag Manager) либо с помощью собственных решений. Значения, которые передаются в код пикселя, должны соответствовать значениям, которые передаются в товаром фиде в соответствующие параметры (например, при использовании фида формата YML это offer id для id товара и categoryId для id категорий). После установки пикселя рекомендуется провести тест на нескольких товарах из разных категорий, чтобы убедиться, что коды отрабатывают корректно. Статья с руководством по тестированию пикселя доступна по ссылке.

Товарный фид

Getintent поддерживает XML-фиды, совместимые c форматами Shopify, Google Merchant Center и Yandex Market Language, а также фиды в формате CSV. Фид должен содержать минимум 4 товара.

Возможно использование как полных товарных фидов, так и сокращенных вариантов (тематических, с акциями и тд).

Служебные символы XML

Важный момент в настройке XML-фида - удаление либо шифрование служебных для этого формата символов. Наличие даже одного такого символа в значениях фида не позволит креативу отображаться. 

Список служебных символов:

Символ

Зашифрованный вариант

"

&quot;

'

&apos;

<

&lt;

>

&gt;

&

&amp;

Использование UTM-меток

При работе с динамическими креативами процесс подстановки utm-меток работает отличным от стандартного образом. Если прописать их в параметрах фида, содержащих URL товара, при клике по креативу метки будут обрезаться. Это происходит из-за того, что в фиде метки автоматически обрезаются.

Для корректной работы кликовых ссылок в динамических креативах в пункте "Адрес перехода" кампании или креатива прописать ссылку с метками (из этой ссылки будут сохранены только метки). При клике на креатив произойдет автоматическое добавление их в URL, указанные в фиде.  

Требования к Shopify-фиду (ATOM)

Обязательные теги: entry, id, link, title, type, vendor, summary, price

Пример Shopify Product Feed 
<?xml version="1.0" encoding="UTF-8"?>
<feed xml:lang="en-US" xmlns="http://www.w3.org/2005/Atom" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:s="http://jadedpixel.com/-/spec/shopify">
  <id>https://www.afinepairofshoes.co.uk/collections/all.atom</id>
  <link rel="alternate" type="text/html" href="https://www.afinepairofshoes.co.uk/collections/all"/>
  <link rel="selentryf" type="application/atom+xml" href="https://www.afinepairofshoes.co.uk/collections/all.atom"/>
  <title>A Fine Pair of Shoes - English Handmade Shoes and Brogues Online</title>
  <updated>2017-10-13T13:55:54+01:00</updated>
  <author>
    <name>A Fine Pair of Shoes - English Handmade Shoes and Brogues Online</name>
  </author>
  <entry>
    <id>https://www.afinepairofshoes.co.uk/products/12577145619</id>
    <published>2017-10-13T13:55:54+01:00</published>
    <updated>2017-10-13T13:55:54+01:00</updated>
    <link rel="alternate" type="text/html" href="https://www.afinepairofshoes.co.uk/products/ducker-son-black-derby-balmoral-size-5f"/>
    <title>Ducker &amp; Son Black Derby &apos;Balmoral&apos; - Size 5F</title>
    <s:type>PRIVATE</s:type>
    <s:vendor>Duckers</s:vendor>
    <summary type="html">
      <![CDATA[
description
]]>
    </summary>
    <s:tag>Seconds &amp; Samples</s:tag>
    <s:variant>
      <id>https://www.afinepairofshoes.co.uk/products/12577145619</id>
      <title>5F</title>
      <s:price currency="GBP">137.50</s:price>
      <s:sku>10308</s:sku>
      <s:grams>1800</s:grams>
    </s:variant>
  </entry>
  <entry>
    <id>https://www.afinepairofshoes.co.uk/products/12566212819</id>
    <published>2017-10-13T13:55:54+01:00</published>
    <updated>2017-10-13T13:55:54+01:00</updated>
    <link rel="alternate" type="text/html" href="https://www.afinepairofshoes.co.uk/products/copy-of-ducker-son-black-semi-brogue"/>
    <title>Ducker &amp; Son Black Semi-Brogue Size 5.5 &amp; 6EX</title>
    <s:type>PRIVATE</s:type>
    <s:vendor>Duckers</s:vendor>
    <summary type="html">
      <![CDATA[
description
]]>
    </summary>
    <s:tag>Seconds &amp; Samples</s:tag>
    <s:variant>
      <id>https://www.afinepairofshoes.co.uk/products/12566212819</id>
      <title>5.5EX</title>
      <s:price currency="GBP">137.50</s:price>
      <s:sku>10335/10334</s:sku>
      <s:grams>1800</s:grams>
    </s:variant>
    <s:variant>
      <id>https://www.afinepairofshoes.co.uk/products/12566212819</id>
      <title>6EX</title>
      <s:price currency="GBP">137.50</s:price>
      <s:sku>10336/10333</s:sku>
      <s:grams>1800</s:grams>
    </s:variant>
  </entry>
</feed>

Требования к Google-фиду (Google Merchant Center)

Официальная документация Google Merchant Center: https://support.google.com/merchants/answer/7052112?hl=ru

Обязательные теги: item, id, link, title, product_type, brand, image_link, price, availability, sale_price

Пример товарного фида в формате Google Merchant Center 
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:g="http://base.google.com/ns/1.0">
<channel>
    <title>Мебель для дома</title>
    <link>http://www.examplemebel.ru</link>
    <description>мебель, мебельный магазин, детская мебель, кухни, кухонные гарнитуры, прихожие, прихожая, спальни, кровати, компьютерный стол, кухонные уголки, шкафы-купе, модульные системы мебели, диваны, комоды, полки, кресла</description>
        
<item>
                        <link>http://www.examplemebel.com/shop/Shkaf-kupe-2h-dvernyy_625_53_53_v.html</link>
                        <g:id>62500053</g:id>
                        <g:price>20000 RUB</g:price>
                        <g:condition>new</g:condition>
			<g:availability>available for order</g:availability>
                        <g:product_type>Шкафы-купе</g:product_type>
                        <g:image_link>http://www.www.example.com/xml/img/orma_001.jpg</g:image_link>
                        <title>Шкаф-купе 2х дверный 1188 х 600 х 2400 мм</title>
                        <description>Красное дерево.</description>
                    </item>
    </channel>
</rss>

Требования к YML-фиду (Yandex Market Language)

Для использования в DSP Getintent подходит стандартный YML-фид, подготовленный для Яндекс Маркета (документация).

Ниже приведен пример формата данных и информация об обязательных тегах:

Пример YML - фида 
<?xml version="1.0" encoding="UTF-8"?>
<yml_catalog date="2020-11-22T14:37:38+03:00">
        <offers>
            <offer id="9012"> // обязательно (Должен соответствовать product_id, передаваемому в пиксель на сайте. Должен быть уникальным)
                <name>Мороженица Brand 3811</name>
                <url>http://best.seller.ru/product_page.asp?pid=12345</url> // обязательно (URL товара на сайте)
                <price>8990</price> // обязательно (актуальная цена товара)
                <oldprice>9990</oldprice> // обязательно при использовании модели показа "Старая+Новая цена" (старая цена товара) 
                <currencyId>RUR</currencyId>
                <categoryId>10</categoryId> // обязательно при использовании модели показа "Категории последних просмотренных товаров" (категория товара)
                <picture>http://best.seller.ru/img/device12346.jpg</picture> //обязательно (URL на файл-картинку товара)
            </offer>
        </offers>
</yml_catalog>

Требования к CSV-фиду

Фид с товарами может быть представлен в формате CSV. Обратите внимание, что все столбцы в CSV-фиде должны быть разделены точкой с запятой, как указано в примере, иначе система не сможет обработать значения в файле.

Обязательные поля:  id, instock, Product Name, Main Category, Sub Category 1, Sub Category 2, Brand, retailprice, Currency, producturl, bigimage, oldprice

Пример CSV Product Feed 
id;Product Name;producturl;bigimage;retailprice;Main Category;oldprice;Sub Category 1;Sub Category 2;instock;Discount %;Currency;Brand
"BL174ACABNVRNGAMZ";"Mini Round 4-Stone Faux Anniversary Engagement Ring - Silver";"http://www.jumia.com.ng/mini-round-4-stone-faux-anniversary-engagement-ring-silver-77607.html";"http://static.jumia.com.ng/p/bling-bling-8026-70677-1-product.jpg";"7195.00";"Weddings";"";"Brides";"Accessories";"0";"";"";"Bling Bling"
"FA919ACACVVHNAFAMZ";"Rotary Gold Stainless Steel Case Brown Leather Watch";"http://www.jumia.com.ng/rotary-gold-stainless-steel-case-brown-leather-watch-134621.html";"http://static.jumia.com.ng/p/rotary-9493-126431-1-product.jpg";"48000.00";"Men's Watches";"";"Watches & Sunglasses";"Leather Strap";"2";"";"";"Rotary"
"BL174ACABNVXNGAMZ";"Cupid Round Cut Full Eternity Faux Band Ring - Silver";"http://www.jumia.com.ng/cupid-round-cut-full-eternity-faux-band-ring-silver-77613.html";"http://static.jumia.com.ng/p/bling-bling-4396-31677-1-product.jpg";"7195.00";"Weddings";"";"Brides";"Accessories";"2";"";"";"Bling Bling"

JS/CSS-сниппеты

Для работы креатива необходим шаблон, который управляет выводом изображений товаров и информации о них - сниппет.

Сниппеты работают по технологии Java Script + CSS. 


Подготовка сниппета

При создании сниппета вы можете ориентироваться на пример кода, доступный в файле по ссылке. Тестовый креатив размера 240x400 с демонстрацией работы этого примера доступен по ссылке.


Для соблюдения фирменного стиля бренда мы рекомендуем создавать собственные шаблоны.

Оптимальный перечень размеров динамических креативов:

240х400
728х90
300х250
160х600
300х600

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


На этапе тестов можно использовать системные сниппеты, они доступны в выпадающем списке на этапе создания или редактирования креатива типа Динамический:

image.png

Они не содержат стилей и выводят товары в максимально простом оформлении, но подходят для проверки работоспособности настроек товарного фида. 

Пример:

image.png

Системные сниппеты могут не работать с фидами формата Google, в этом случае проверку лучше проводить с примером кода, предоставленным выше. 

Рекомендации по созданию сниппета

Шаблон JS-части сниппета находится в файле.

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

JavaScript
var custom_script = document.createElement('SCRIPT');
custom_script.type = 'text/javascript';
custom_script.src = 'https://code.createjs.com/1.0.0/createjs.min.js';
document.getElementById(elementId).appendChild(custom_script);

Чтобы добавить в сниппет данные из фида, нужно использовать следующие макросы:

products[0].url
products[0].price
products[0].description
products[0].picture

Добавление сниппета

- Перейти во вкладку JS/CSS Snippets:

- Откроются окна для добавления JS и CSS-частей соответственно:

Выбор модели показа

По умолчанию креативы работают по модели показа "Последние просмотренные товары".

По запросу в поддержку креативам можно настроить следующие схемы работы (по одной модели на каждый креатив):

  • Товары из определенных категорий - требуется предоставить список категорий в том же виде, что они указаны в товарном фиде. Помимо этого доступно ограничение по цене товаров (минимум-максимум) и ограничение по количеству символов в названии товара.
  • Старая + новая цена - требует передавать в товарный фид параметр, содержащий старую цену. Обычно используется для рекламы товаров со скидкой.
  • Категории последних просмотренных товаров - необходимо настроить передачу id категорий в трекинговом пикселе (должны совпадать со значениями в товарном фиде). Следует указать количество последних просмотренных товаров, необходимых для определения категорий.Настройка и проверка креатива

Настройка и проверка креатива

Для проверки работы динамического креатива необходимо выполнить несколько операций:

1. Связать сайт с фидом 

Для добавления фида нужно зайти в пункт меню Сайты, создать/отредактировать сайт и добавить ссылку на фид, указав его формат (YML/CSV/ATOM/GOOGLE). Возможно указание минимальной цены товаров, выводимых в креативе, в поле "Мин. цена"


2. Создать динамический креатив
В разделе меню Креативы нужно добавить креатив типа Динамический:

Настройка креатива:

Поля настройки динамического креатива:

- название (обязательно)

- формат баннера в пикселях (обязательно)

- цвет фона-подложки креатива в формате HEX или RGBA (опционально). Возможно использовать упрощенную палитру выбора цвета, доступную при клике на серую область в правой части поля :

- сниппет (шаблон) баннера, который соответствует формату баннера (обязательно). Рекомендуем использовать 1 сниппет для 1 креатива.

- при необходимости возможно добавить стороннее отслеживание

- загрузить логотип (оптимально в формате png); После загрузки логотип появится в форме настройки креатива, ссылку на него, полученную через контекстное меню изображения, можно использовать в JS-сниппете

3. Добавить в кампанию креатив типа Динамический и Сайт с указанным в нем фидом:

Таким образом фид и сниппет будут связаны и у креатива появится символ "лупы", позволяющий проверить креатив в режиме предпросмотра:

Если настроенный креатив выдает ошибку вида Error id: xBdXGsV2bXy, это обозначает проблемы в товарном фиде.


За помощью в проверке и настройке креативов вы можете обратиться в службу поддержки по адресу support@getintent.ru

Образовательное видео

Ролик с разбором процесса заведения Динамических креативов:

  • Нет меток