Встановлення коду динамічного ремаркетингу для магазину на Shopify

Для випадків, коли немає можливості або (у більшості випадків) бажання використовувати Google Shopping App для Shopify, а дуже хочеться запустити добре налаштований динамічний ремаркетинг, хлопці з FeedArmy розробили спеціальні скрипти, які можна просто інтегрувати через адмін.панель на сайт і збирати всі необхідні для цього дані.

Отже, крок 1. Отримання ID пікселя Google Ads

Тут робиться все за стандартним сценарієм:

  • Заходимо в наш акаунт Google Ads.
  • Переходимо на вкладку “Менеджер аудиторій” (“Audience Manager”).

  • Заходимо до вкладки “Джерела аудиторій” (“Audience sources”) і вибираємо наш тег Google Ads (“Встановити тег”, якщо його ще немає або “Редагувати”, якщо він вже є).

  • Вибираємо “Збирати дані про дії користувачів на сайті …” (“Collect data on specific actions people performed on your website to show personalized ads”) і тип бізнесу – “Роздрібні продажі” (“Retail”).

  • Далі – вибираємо самостійне встановлення тегу (“Install the tag yourself”).

З отриманого тегу копіюємо виключно цифрову частину ідентифікатора.

Крок 2. Встановлення коду відстеження в файл theme.liquid

Заходимо в Адмін.панель нашого магазину на Shopify.

Відкриваємо редактор тем Online Store> Themes.

Вибираємо Actions> Edit Code.

У теці обираємо файл theme.liquid

У наведеному нижче фрагменті коду редагуємо тільки значення між “CODE SETTINGS START” і “CODE SETTINGS END”.

НЕ МІНЯЄМО НІЧОГО ЗА МЕЖАМИ цього фрагменту! Значення, які доступні для заміни – виділені.

  1. Копіюємо наведений нижче код у будь-який текстовий редактор і замінюємо значення в 123456789 для параметра fa_google_ads_audience_tag_id на яку ми здобули цифровий фрагмент ідентифікатора тегу ремаркетингу Google Ads.
  2. За замовчуванням значення fa_product_id_alpha2_code встановлено “US”. У разі якщо у нас магазин не в США – міняємо значення на код для відповідної країни (список кодів країн можна подивитися тут)
  3. Якщо магазин в США, вказуємо значення для fa_prices_with_decimal_separator – true, для країн Європи міняємо значення на false (суть у використанні різних роздільників для тисячних розрядів в США і Європі).

 

Перевіряємо індентифікатори товарів у нашому мерчант центрі:

  • Якщо ідентифікатор товару має вигляд shopify_US_81191654332_1055121650148, то залишаємо значення default для параметра fa_product_id.
  • Якщо ідентифікатор товару має вигляд 1055121650148, то змінюємо значення параметра fa_product_id на product_id (зазвичай буває у разі, коли різні варіанти товарів представлені на одній сторінці товару).
  • Якщо ідентифікатор товару має вигляд 81191654332, то змінюємо значення параметра fa_product_id на parent_id (зазвичай таке буває у разі, якщо у нас на кожній картці товару представлений тільки один товар).
  • Якщо ідентифікатор товару відповідає SKU, то встановлюємо значення sku для параметра fa_product_id.


Після того, як будуть встановлені всі відповідні значення у полях CODE SETTINGS – вставляємо код до файлу theme.liquid між тегами <head> і </ head>.

КОД

Тепер переходимо у Settings> Checkout.

Знаходимо пункт Order Processing> Additional scripts.

У наведеному нижче коді замінюємо значення аналогічно коду для themes.liquid. Значення, які можна замінити, підсвічені.

  1. Копіюємо наведений нижче код у будь-який текстовий редактор і замінюємо значення в 123456789 для параметра fa_google_ads_audience_tag_id на яку ми здобули цифровий фрагмент ідентифікатора тегу ремаркетингу Google Ads.
  2. За замовчуванням значення fa_product_id_alpha2_code встановлено “US”. У разі якщо у нас магазин не в США – міняємо значення на код для відповідної країни (список кодів країн можна переглянути за посиланням)
  3. Якщо магазин в США, вказуємо значення для fa_prices_with_decimal_separator – true, для країн Європи міняємо значення на false.


Перевіряємо індентифікатори товарів у нашому мерчант центрі:

  • Якщо ідентифікатор товару має вигляд shopify_US_81191654332_1055121650148, то залишаємо значення default для параметра fa_product_id.
  • Якщо ідентифікатор товару має вигляд 1055121650148, то змінюємо значення параметра fa_product_id на product_id (зазвичай таке буває у разі, коли різні варіанти товару представлені на одній сторінці товару).
  • Якщо ідентифікатор товару має вигляд 81191654332, то змінюємо значення параметра fa_product_id на parent_id (зазвичай буває у разі, якщо у нас на кожній картці товару представлений тільки один товар).
  • Якщо ідентифікатор товару відповідає SKU, то встановлюємо значення sku для параметра fa_product_id.

КОД

Перевірка правильності роботи

Перевірити можна зайшовши на сайт і, натиснувши правою кнопкою миші на сторінці / картці товару, обравши пункт “Переглянути код сторінки”.

Знаходимо цікавий для нас елемент пошуком на сторінці за запитом CODE SETTINGS START. Результат правильного відпрацювання коду повинен бути схожий на представлений нижче фрагмент:

Перевірка правильності роботи