В 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-фида - удаление либо шифрование служебных для этого формата символов. Наличие даже одного такого символа в значениях фида не позволит креативу отображаться.
Список служебных символов:
Символ | Зашифрованный вариант |
" | " |
' | ' |
< | < |
> | > |
& | & |
При работе с динамическими креативами процесс подстановки utm-меток работает отличным от стандартного образом. Если прописать их в параметрах фида, содержащих URL товара, при клике по креативу метки будут обрезаться.
Для корректной работы кликовых ссылок в динамических креативах в пункте "Адрес перехода" кампании или креатива прописать ссылку с метками (из этой ссылки будут сохранены только метки). При клике на креатив произойдет автоматическое добавление их в URL, указанные в фиде.
Обязательные теги: entry, id, link, title, type, vendor, summary, price
<?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 & Son Black Derby 'Balmoral' - Size 5F</title>
<s:type>PRIVATE</s:type>
<s:vendor>Duckers</s:vendor>
<summary type="html">
<![CDATA[
description
]]>
</summary>
<s:tag>Seconds & 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 & Son Black Semi-Brogue Size 5.5 & 6EX</title>
<s:type>PRIVATE</s:type>
<s:vendor>Duckers</s:vendor>
<summary type="html">
<![CDATA[
description
]]>
</summary>
<s:tag>Seconds & 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 Merchant Center: https://support.google.com/merchants/answer/7052112?hl=ru
Обязательные теги: item, id, link, title, product_type, brand, image_link, price, availability, sale_price
<?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> |
Для использования в DSP Getintent подходит стандартный 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-фиде должны быть разделены точкой с запятой, как указано в примере, иначе система не сможет обработать значения в файле.
Обязательные поля: id, instock, Product Name, Main Category, Sub Category 1, Sub Category 2, Brand, retailprice, Currency, producturl, bigimage, oldprice
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" |
Для работы креатива необходим шаблон, который управляет выводом изображений товаров и информации о них - сниппет.
Сниппеты работают по технологии Java Script + CSS.
При создании сниппета вы можете ориентироваться на пример кода, доступный в файле по ссылке. Тестовый креатив размера 240x400 с демонстрацией работы этого примера доступен по ссылке.
Для соблюдения фирменного стиля бренда мы рекомендуем создавать собственные шаблоны.
Оптимальный перечень размеров динамических креативов:
240х400
728х90
300х250
160х600
300х600
Напоминаем, что использование слишком узкого списка размеров креативов приведет к сложностям с закупкой показов. Для наилучшей работы кампании креативов разных размеров должно быть минимум 5.
На этапе тестов можно использовать системные сниппеты, они доступны в выпадающем списке на этапе создания или редактирования креатива типа Динамический:
Они не содержат стилей и выводят товары в максимально простом оформлении, но подходят для проверки работоспособности настроек товарного фида.
Пример:
Системные сниппеты могут не работать с фидами формата Google, в этом случае проверку лучше проводить с примером кода, предоставленным выше.
Шаблон JS-части сниппета находится в файле.
Используйте 'elementId' в качестве родительского элемента для подключения сторонних библиотек.
Например, чтобы подключить к сниппету библиотеку createjs, нужно использовать такой код:
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-частей соответственно:
По умолчанию креативы работают по модели показа "Последние просмотренные товары".
По запросу в поддержку креативам можно настроить следующие схемы работы (по одной модели на каждый креатив):
Для проверки работы динамического креатива необходимо выполнить несколько операций:
1. Связать сайт с фидом
Для добавления фида нужно зайти в пункт меню Сайты, создать/отредактировать сайт и добавить ссылку на фид, указав его формат (YML/CSV/ATOM/GOOGLE). Возможно указание минимальной цены товаров, выводимых в креативе, в поле "Мин. цена"
2. Создать динамический креатив
В разделе меню Креативы нужно добавить креатив типа Динамический:
Настройка креатива:
Поля настройки динамического креатива:
- название (обязательно)
- формат баннера в пикселях (обязательно)
- цвет фона-подложки креатива в формате HEX или RGBA (опционально). Возможно использовать упрощенную палитру выбора цвета, доступную при клике на серую область в правой части поля :
- сниппет (шаблон) баннера, который соответствует формату баннера (обязательно). Рекомендуем использовать 1 сниппет для 1 креатива.
- при необходимости возможно добавить стороннее отслеживание
- загрузить логотип (оптимально в формате png); После загрузки логотип появится в форме настройки креатива, ссылку на него, полученную через контекстное меню изображения, можно использовать в JS-сниппете
3. Добавить в кампанию креатив типа Динамический и Сайт с указанным в нем фидом:
Таким образом фид и сниппет будут связаны и у креатива появится символ "лупы", позволяющий проверить креатив в режиме предпросмотра:
Если настроенный креатив выдает ошибку вида Error id: xBdXGsV2bXy, это обозначает проблемы в товарном фиде.
За помощью в проверке и настройке креативов вы можете обратиться в службу поддержки по адресу support@getintent.ru
Ролик с разбором процесса заведения Динамических креативов: