Как настроить динамический ремаркетинг Microsoft Ads (Bing) для интернет-магазина Shopify

Динамический ремаркетинг доступен для рекламных кампании Microsoft. Динамический ремаркетинг в Microsoft Ads — один из наиболее эффективных инструментов продвижения интернет-магазина в США (поисковик Bing обрабатывает около трети поисковых запросов в США). Однако настроить все необходимые параметры для динамического ремаркетинга непросто и требует менее очевидных дополнительных настроек.

Наша статья поможет вам настроить все необходимое для вашего интернет-магазина на Shopify, чтобы вы могли работать с динамическим ремаркетингом в Microsoft Shopping Ads (Bing Shopping Ads).

Данные отслеживаются и передаются с помощью дополнительных скриптов. Наша инструкция также содержит модифицированную версию тега Microsoft Ads (Bing) Purchase Goal Tag для отправки данных о ценности транзакции.

Давайте настроим Microsoft Dynamic Remarketing шаг за шагом.

Первый шаг — создать аудиторию динамического ремаркетинга в разделе Audience в рекламном аккаунте Bing. Перейдите в меню Audience и найдите кнопку Create audience.

Задайте название аудитории и выберите тип создаваемой аудитории Dynamic remarketing list.

В раскрывающемся списке Tag name выберите нужный вам тег.

Выберите один из 5 доступных типов динамической аудитории: 

• General visitors — посетители страниц home (главная), category (страница каталога товаров), other;
• Product searchers — посетители страниц searchresults (страницы выдачи результата по поиску на сайте);
• Product viewers — посетители страниц product (карточки конкретных товаров);
• Shopping cart abandoners — посетители страниц cart; 
• Past buyers —  посетители страниц purchase (посетившие страницу благодарности после покупки). 

Все пользователи, совершившие покупки, автоматически вычитаются из других аудиторий.

Укажите временной промежуток для аудитории от 1 до 180 дней.

В конце страницы в специальном окне вы увидите код UET тега, который нужно разместить на сайте.

Сам код можно разделить на 3 блока: 

1. Основной UET тег. Содержит уникальный ID вашего UET тега.
2. Кусок кода, который передает дополнительные значения параметров. В текущем виде работать не будет, нужно дополнить. 
3. Комментарии к тегу. Эту часть не обязательно копировать и вставлять в код сайта. Но если решите этого не делать, не забудьте про закрывающий тег </script> — без него тег срабатывать не будет. 

Первую часть можно использовать целиком без изменений. 

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

window.uetq = window.uetq || [];
window.uetq.push('event', '', 
{'ecomm_prodid': {% if template contains 'product' -%}
 'shopify_US_{{ product.id }}_{{ product.selected_or_first_available_variant.id }}'
    {%- elsif template contains 'collection' -%}
   [{% for item in collection.products limit:3 %}'shopify_US_{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
 {%- elsif template contains 'index' -%}
    [{% for item in collection.products limit:3 %}'shopify_US_{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]  
 {%- elsif template contains 'search' -%}
    [{% for item in search.results limit:3 %}'shopify_US_{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    {%- elsif template contains 'cart' -%}
    [{%- for item in cart.items limit:3 -%}'shopify_US_{{ item.product_id }}_{{ item.variant_id }}'
      {%- unless forloop.last -%}, {%- endunless -%}
    {%- endfor -%}]{%- endif -%},
 'ecomm_pagetype': '{% if template contains 'index' %}home{% elsif template contains 'collection' %}category{% elsif template contains 'search' %}searchresults{% elsif template contains 'product' %}product{% elsif template contains 'cart' %}cart{% elsif template contains 'purchase' %}purchase{%endif %}', });

В этом коде в атрибуты ecomm_prodid и ecomm_pagetype будут передаваться динамические значения ID товаров и типы страниц сайта. В этом коде предустановлена передача Product ID в формате shopify_US_xxxxxxxxxxxxx_xxxxxxxxxxxxxx.

Существует еще три варианта формата:

• SKU — вместо идентификатора продукта передается значение кода SKU (сочетает в себе буквы и цифры, например aga-012);
• variant-id — уникальный идентификатор варианта товара (числовой номер, например 21283160948841);
• product-id_variant-id — уникальный идентификатор продукта и варианта товара (два номера через нижнее подчеркивание, например 28541777444969_21283160948841).

Последний вариант редко используется в чистом виде. Чаще к цифрам дописывается префикс, например как в нашем случае — shopify_US. US — буквенный код страны фида.

Если у вас в фиде Product ID указан в формате SKU, замените строчки кода, выделенные желтым цветом, на:

 '{{ product-id-prefix }}{{ product.selected_or_first_available_variant.sku }}'
    [{% for item in collection.products limit:4 %}'{{ product-id-prefix }}{{ item.selected_or_first_available_variant.sku }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
 [{% for item in collection.products limit:4 %}'{{ product-id-prefix }}{{ item.selected_or_first_available_variant.sku }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    [{% for item in search.results limit:4 %}'{{ product-id-prefix }}{{ item.selected_or_first_available_variant.sku }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    [{%- for item in cart.items limit:4 -%}'{{ product-id-prefix }}{{ item.sku }}'

Если у вас в фиде Product ID указан в формате variant_id, замените строчки кода, выделенные желтым цветом, на: 

'{{ product-id-prefix }}{{ product.selected_or_first_available_variant.id }}'
    [{% for item in collection.products limit:4 %}'{{ product-id-prefix }}{{ item.variants.first.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
  [{% for item in collection.products limit:4 %}'{{ product-id-prefix }}{{ item.variants.first.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    [{% for item in search.results limit:4 %}'{{ product-id-prefix }}{{ item.variants.first.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    [{%- for item in cart.items limit:4 -%}'{{ product-id-prefix }}{{ item.variant_id }}'

Если у вас в фиде Product ID указан в формате product-id_variant-id, замените строчки кода, выделенные желтым цветом, на:

'{{ product-id-prefix }}{{ product.id }}_{{ product.selected_or_first_available_variant.id }}'
      [{% for item in collection.products limit:3 %}'{{ product-id-prefix }}{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
[{% for item in collection.products limit:3 %}'{{ product-id-prefix }}{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
       [{% for item in search.results limit:3 %}'{{ product-id-prefix }}{{ item.id }}_{{ item.selected_or_first_available_variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]
    [{%- for item in cart.items limit:3 -%}'{{ product-id-prefix }}{{ item.product_id }}_{{ item.variant_id }}'

Если вы не знаете какой именно формат идентификатора продукта Вам нужен, ознакомьтесь с последним разделом статьи.

Перейдите в личный кабинет Shopify. В левом меню нужно выбрать раздел «Online Store», в нем перейти в раздел «Themes» (1). В раскрывающемся меню «Actions» (2) нужно выбрать редактирование кода (3). 

В левом меню в папке Layout найдите сниппет с названием theme.liquid и откройте его. 

В открывшееся окно с кодом разместите код тега UET и доработанную вторую часть кода между открывающим <head> и закрывающим </head> тегами. Сохраните изменения.

Прежде чем продолжить инструкцию по размещению тега динамического ремаркетинга Bing в корзину, необходимо также рассказать о создании конверсии для покупок и размещения тега в корзине. Если у вас уже настроена конверсия на покупку и в нее автоматически передается ценность каждой конверсии — переходите к следующему шагу. 

Чтобы данные о покупках корректно передавались вместе с ценностью каждой покупки в статистику Bing, необходимо: 

1. Создать конверсию-событие в рекламном кабинете Bing, в разделе Conversion goals.

2. Задайте название конверсии и выберете тип конверсии Event.

3. Задайте название в поле Action и выберете категорию цели Purchase.

4. Выберете пункт «ценность конверсий может быть разной» и задайте дефолтное  значение ценности конверсии.

5. Задайте принцип подсчета конверсий, и окно учета конверсий. 

6. Внизу страницы будет размещен UET-тег, который нужно доработать и разместить в корзине Shopify.

1. Основной UET тег. Содержит уникальный ID вашего UET тега.

2. Кусок кода, который передает информацию о совершении события и значения заданных параметров. Эту часть кода нужно заменить на код ниже:

window.uetq = window.uetq || [];
window.uetq.push('event', 'purchase', 
{'revenue_value': {% if price-decimal-fs == true -%}{{ checkout.total_price | money_without_currency | remove: ',' }}{% else %}{{ checkout.total_price | money_without_currency | remove: '.' | replace: ',', '.' }}{%- endif -%},
'currency': 'USD'}); 
</script>

В этом теге указано название события, которое мы задали в поле Action в 3 пункте создания конверсии:

(window.uetq.push('event', 'purchase')

Также динамически передается ценность конверсии и валюта. Если вы используете другую валюту на сайте, замените значение USD на буквенный код нужной валюты. 

Разместите UET-тег в корзине Shopify.

Для этого нужно перейти в раздел Settings (1) и выбрать Checkout (2):

Разместите тег в разделе Additional scripts.

Конечный UET тег в корзине Shopify, который передает событие по совершению конверсии и ее ценность, будет выглядеть так:

<script>
(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"56290063"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq"); 
window.uetq = window.uetq || [];
window.uetq.push('event', 'purchase', 
{'revenue_value': {% if price-decimal-fs == true -%}{{ checkout.total_price | money_without_currency | remove: ',' }}{% else %}{{ checkout.total_price | money_without_currency | remove: '.' | replace: ',', '.' }}{%- endif -%},
'currency': 'USD'});
</script>

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

<!-- Event snippet for Bing Dynamic Remarketing -->
<script>
window.uetq.push('event', '', {
'ecomm_prodid': [{% for item in checkout.line_items limit:3 %}'shopify_US_{{ item.product_id }}_{{ item.variant_id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}],
 'ecomm_pagetype': 'purchase'});
</script>

При необходимости, скорректируйте код под ваш формат Product ID:

• если у вас в фиде Product ID указан в формате SKU, замените строчки кода, выделенные желтым цветом, на: 

[{% for item in checkout.line_items %}'{{ product-id-prefix }}{{ item.sku }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]

• если у вас в фиде Product ID указан в формате variant_id, замените строчки кода, выделенные желтым цветом на:

[{% for item in checkout.line_items %}'{{ product-id-prefix }}{{ item.variant_id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]

• если у вас в фиде Product ID указан в формате product-id_variant-id, замените строчки кода, выделенные желтым цветом на: 

[{% for item in checkout.line_items limit:3 %}'{{ product-id-prefix }}{{ item.product_id }}_{{ item.variant_id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}]

Сохраните изменения.

Конечный вид тегов, размещенных в настройках Корзины:

1. Основной UET тег. Содержит уникальный ID вашего UET тега.
2. Кусок кода, который передает информацию о совершении конверсии, а также передает ценность и валюту. 
3. Код, который передает значения для параметров динамического ремаркетинга: ID продукта и тип страницы.

Если код UET тега размещен корректно, то в разделе UET tag в Bing Ads тег получит статус активен:

Если передача параметров в аудитории динамического ремаркетинга настроена корректно, то в аудиториях начнут накапливаться данные:

Важно отметить, что в зависимости от объема трафика в каждой аудитории, статистика по количеству пользователей внутри аудиторий может накапливаться долго. Особенно это актуально для аудиторий Cart Abandoned (брошенные корзины) и Past Buyers (покупатели). Пока статистика копится, значение размера этих аудиторий будет 0. В нашем случае статистика по этим аудиториям начала отображаться только после того как там накопилось 30 пользователей в поисковой сети. 

Чтобы проверить корректно ли передаются значения Product ID и Pagetype в атрибуты динамического ремаркетинга, установите расширение для браузера UET Tag Helper. 

Активируйте приложение на сайте. В разделе Tracking Code проверьте, какие значения передаются в атрибуты.

Чтобы проверить срабатывание тегов на странице благодарности уже после покупки, перейдите в раздел Order в личном кабинете Shopify. Выберите заказ и кликните по нему.

На странице заказа в правом верхнем углу страницы найдите раскрывающееся меню More actions (1) и выберете действие View order status page (2).

В новом окне откроется страница благодарности этого заказа. На этой странице нажмите сочетание клавиш Ctrl+U и в открывшемся коде страницы найдите код UET тега. Проще всего это сделать через поиск по уникальному идентификатору вашего UET тега. 

На скриншоте видно, что успешно определились и подставились значения для ID продукта и для типа страницы. 

Также на скриншоте видно, что успешно определилось и подставились значение для ценности конверсии (revenue_value).

Зачастую формат Product ID задается на уровне приложения, которое создает и передает фид товаров в рекламные кабинеты. 

Если у вас фид для Bing Ads настроен через приложение Simprosys Google Shopping Feed, можно посмотреть это в самом приложении. Для этого в личном кабинете приложения в выпадающем меню Settings выберите раздел Bing Shopping Settings. На странице настроек указано, какой формат Product ID используется. 

Теперь вы знаете, как настроить динамический ремаркетинг. Если у вас возникли вопросы, спрашивайте в комментариях. Мы будем рады ответить на них!

В нашем блоге также есть инструкция по настройке динамического ремаркетинга Google Ads для Shopify.

Если вам нужна помощь с настройкой, обратитесь к нашей команде.