Установка кода динамического ремаркетинга для магазина на 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 . Результат правильной отработки кода должен быть похож на представленный ниже фрагмент:

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