Руководство по отслеживанию событий в Google Analytics 4 для Shopify

Подробное руководство по установке Google Tag Manager и Google Analytics 4 на платформе Shopify и отслеживанию ключевых событий, включая электронную торговлю, функцию User ID и динамический ремаркетинг. Бесплатно!

Shopify - это SaaS-платформа (программное обеспечение как услуга), позволяющая создавать интернет-магазины и управлять продажами без навыков программирования. Комплексное решение для электронной коммерции включает создание сайта, корзину, складской учет, прием платежей и интеграцию с соцсетями.

Shopify ценится за удобство, адаптивные темы и обширный магазин приложений, что делает ее одной из самых востребованных систем электронной коммерции в мире. Да, она популярнее на Западе. Но это не значит, что ею нельзя пользоваться из любой другой страны. Именно поэтому я и написал это подробное руководство по настройке. Мне самому хотелось во всем разобраться!

В этой статье мы пройдем полный путь: от создания аккаунта на Shopify и выбора темы до настройки Google Tag Manager, Google Analytics 4 и отслеживания всех ключевых событий для e-commerce.

Начнем!

Создание магазина в Shopify

Перейдите на сайте shopify.com и создайте аккаунт, нажав на кнопку Start for free:

Пройдите регистрацию на платформе, указав свою электронную почту или использовав один из доступных способов:

• аккаунт Apple (iCloud)
• учетная запись Google (Gmail)
• Facebook *

* Деятельность американской компании Meta (бывшая Facebook) запрещена в России, организация признана экстремистской.

На следующем шаге пропускаем привязку банковской карты с помощью кнопки Skip. Мы сделаем это позже, после всех выполненных настроек:

На следующем этапе настройки Shopify попросит вас выбрать тип интернет-магазина:

• Sell online - продажа онлайн;
• Sell in-store - продажа в магазине;
• Dropshipping - дропшиппинг;
• Sell digital products - продажа цифровых продуктов;
• Move existing store - перенос данных из одного вашего магазина Shopify в другой новый магазин.

Затем нужно задать название магазину (вы сможете изменить его позже):

После того как вы нажмете Continue, магазин будет создан, и вас перенаправит в администраторскую панель:

Перейдите в раздел Customize your online store, чтобы выбрать готовую тему для тестового интернет-магазина:

Сейчас дизайн темы для нас не главное. Наша цель - настроить Google Tag Manager и Google Analytics 4, чтобы отслеживать:

• электронную торговлю;
• динамический ремаркетинг;
• функцию User ID.

Поэтому вы можете выбрать одну из любых популярных тем Shopify и применить ее для своего сайта. Например, Horizon:

Нажмите на нее (кнопка Add) и подождите некоторое время, пока настройки не вступят в силу. После этого тема будет применена к вашему сайту:

Для создания тестовых товаров я использовал ИИ-ассистента Sidekick. Он работает в контексте вашего магазина независимо от ваших технических навыков и предоставляет изменения вам на проверку перед их применением.

Я попросил его создать несколько товаров для своего магазина - сгенерировать картинки, описание и добавить цены:

Вот так они получились:

После добавления товаров вы можете перейти в раздел Home и скопировать тестовый домен из поля Domain customized:

Когда вы создаете магазин в Shopify, система автоматически дает вам бесплатный тестовый домен вида ваш-магазин.myshopify.com. Это ваш первичный домен по умолчанию. Он идеально подходит для разработки, тестирования и настройки магазина до того, как вы купите собственный «красивый» домен.

Скопируйте его и вставьте в поле URL, а затем перейдите на свой сайт:

На этом первичная настройка интернет-магазина Shopify завершена. Теперь можно приступать к установке Google Tag Manager и Google Analytics 4.

Установка Google Tag Manager и Google Analytics 4

Я не буду подробно описывать, как создавать аккаунты в GTM и GA4. Предполагается, что вы уже знакомы с этими процессами. Если нет, то обязательно прочитайте эти руководства:

• Регистрация в Google Tag Manager и установка контейнера
• Создание и установка счетчика Google Analytics 4

Чтобы установить Google Tag Manager на Shopify, перейдите в раздел Online Store - Themes. На открывшейся странице напротив вашей темы нажмите на иконку с тремя точками и выберите Edit code:

Edit code - это встроенный редактор кода в панели администратора, который позволяет напрямую изменять файлы вашей темы для внесения детальных настроек, недоступных через стандартные визуальные настройки. Через этот редактор вы получаете доступ ко всем файлам, из которых состоит ваша тема.

В основе большинства файлов лежит Liquid - язык шаблонов Shopify. Он позволяет выводить на страницы динамический контент (названия товаров, цены, остатки), не меняя HTML-код каждый раз вручную. Также вы можете редактировать JSON и JavaScript.

Найдите в разделе layout файл с названием theme.liqud. Откройте его и после тега <head> вставьте первую часть кода вашего контейнера Google Tag Manager:

Добавьте после открывающегося тега <body> вторую часть кода GTM:

Сохраните изменения, нажав на кнопку Save в правом верхнем углу, либо же сочетание клавиш Ctrl + S:

После этого создайте ресурс Google Analytics 4 для своего сайта и получите идентификатор веб-потока:

Скопируйте его из интерфейса GA4, а затем перейдите в Google Tag Manager и создайте там тег типа Тег Google. В поле Идентификатор тега добавьте этот идентификатор потока данных:

В качестве триггера активации задайте Инициализация (Initialization - All Pages). Сохраните тег.

Убедитесь, что ваш тег Google регистрирует события. Просто запустите режим отладки и перейдите на свой сайт Shopify. На шкале событий (выбрав Инициализация) вы должны увидеть активированный тег Google Analytics 4:

А в отчете В реальном времени будут отображаться ваши первые события, включая session_start, first_visit, page_view и user_engagement:

Примечание: подробнее об автоматически регистрируемых события в Google Analytics 4 читайте в этом материале.

После установки Google Tag Manager и Google Analytics 4 на сайте мы можем перейти к отслеживаниям.

Настройка электронной торговли

Читать еще:

• Электронная торговля для Google Analytics 4
• Электронная торговля Google Analytics и Ecommerce migration helper
• Электронная торговля Google Analytics 4 для WooCommerce (WP)
• Настройка электронной коммерции для Shopify

Вы уже знаете, что Shopify - это мощная платформа для создания интернет-магазинов. Но мало кто из новичков понимает, как именно Shopify общается с внешними инструментами вроде Google Tag Manager и Google Analytics 4. Секрет прост: связующим звеном выступает dataLayer (уровень данных).

Когда посетитель заходит в ваш магазин, каждое его значимое действие фиксируется в специальной области памяти. Добавил товар в корзину? Событие ушло в dataLayer. Изменено количество? Попало в dataLayer. Заполнена форма оформления заказа? Тоже там.

По сути, dataLayer - это «внутренний дневник» вашего магазина. Как только в Shopify происходит событие, в этот дневник вносится запись. Google Tag Manager остается лишь «заглянуть» туда и передать информацию в системы аналитики или рекламные кабинеты (Facebook Pixel *, Google Ads и другие). Понимать работу dataLayer - значит заставить Shopify и аналитику говорить на одном языке.

* Деятельность американской компании Meta (бывшая Facebook) запрещена в России, организация признана экстремистской.

И вот здесь есть важный нюанс - стандартный Shopify («из коробки») не формирует полноценный dataLayer. Если вы просто создадите магазин и установите на него Google Tag Manager, вы обнаружите, что нужные события в этом «дневнике» отсутствуют. Shopify сам по себе не знает, в каком формате ваш Google Tag Manager или Facebook Pixel * хотят получать данные, поэтому он «молчит». Чтобы dataLayer начал заполняться правильно, нужны дополнительные действия с нашей стороны.

У вас есть три пути:

1. использовать стандартные интеграции. Shopify предлагает встроенные каналы для Google и Meta, но они работают не всегда так, как хотелось бы. В них заложена определенная логика, которой вам придется следовать. Данные передаются, но управлять ими через GTM вы не сможете;
2. использовать готовые приложения. В Shopify App Store есть плагины, которые за пару кликов разворачивают идеальную структуру dataLayer под капотом. Это быстро, надежно, но обычно платно;
3. ручная настройка. Вам или программисту придется залезть в код темы и вручную прописать скрипты для нужных событий электронной торговли (view_item, select_item, add_to_cart, view_cart, begin_checkout, purchase и другие). Это бесплатно, но требует знаний Liquid.

Мы как раз пойдем по третьему пути и научимся самостоятельно внедрять дополнительный код в исходную тему, чтобы гибко отслеживать все события электронной торговли Google Analytics 4 для Shopify.

Итак, вернитесь в редактор кода своей темы (Edit code) и найдите папку snippets:

Откройте ее и внутри создайте новый файл - New File:

Назовите его ultimate-datalayer.liquid:

Вставьте в него код, скопировав его из репозитория автора из файла ultimate-datalayer.liquid:

В файле ultimate-datalayer.liquid это будет выглядеть так:

Репозиторий gtm-datalayer-for-shopify - одно из самых популярных и бесплатных решений для того, чтобы Shopify начал формировать тот самый dataLayer, о котором мы говорили ранее. Его автор, разработчик Md Hasanuzzaman, подготовил код, который заменяет дорогое платное приложение.

Оно регистрирует следующие события:

• просмотр товара - view_item
• клик по товару - select_item
• добавление товара в корзину - add_to_cart
• удаление товара из корзины - remove_from_cart
• открытие корзины - view_cart
• начало оформления заказа - begin_checkout
• выбор способа оплаты - add_payment_info
• выбор способа доставки - add_shopping_info
• покупка - purchase

Код автоматически извлекает из Shopify и отправляет в dataLayer:

• валюту - currency
• сумму покупки - value
• номер заказа - transaction_id
• примененный купон - coupon
• стоимость доставки - shipping
• налоги - vat
• массив товаров с их артикулами (sku), ценами, количеством, брендами, категориями и вариантами (размер/цвет).

И даже больше - еще регистрируется отправка контактной формы, подписка на рассылку, поиск по сайту, клики по телефону и email.

В Shopify есть несколько «подводных камней», где стандартные решения спотыкаются. Этот код их обходит:

• быстрый просмотр товара (Quick View) - когда товар открывается в попапе, код все равно отправляет событие view_item, как будто это обычный просмотр карточки;
• мини-корзина и корзина-дровер (Mini Cart / Cart Drawer) - когда клиент добавляет товар через выпадающую корзину, не переходя на отдельную страницу, код фиксирует событие view_cart;
• прямое оформление заказа (Direct Checkout) - если клиент перешел к оформлению, минуя корзину, код все равно отправит add_to_cart и begin_checkout;
• AJAX-поиск - когда посетитель ищет товары через строку поиска (с подсказками без перезагрузки страницы), код отправляет событие search.

Автор позаботился и о надежности:

• код написан на современном JavaScript (ES6) без jQuery. Он легкий и не конфликтует с другими скриптами;
• добавлена обработка ошибок: даже если что-то пойдет не так, код не вызовет ошибку на вашем сайте;
• события ловятся на уровне ответов сервера (Ajax Response). Это значит, что данные попадают в dataLayer именно в тот момент, когда действие реально произошло, без расхождений.

Отдельно стоит упомянуть, что код передает в dataLayer информацию о залогиненном покупателе (например, email или ID клиента) в момент, когда он находится на странице оформления заказа. Это позволяет вам в дальнейшем строить аудитории для ремаркетинга.

В зависимости от темы Shopify, вам могут потребоваться небольшие доработки. Подробное видео по использованию Ultimate Shopify DataLayer от автора доступно на YouTube:

После того, как вы вставили код в файл ultimate-datalayer.liquid, сохраните изменения (Save).

Откройте файл theme.liquid (находится в layout), куда вы добавляли код Google Tag Manager и добавьте в <head> сразу же после него следующую строчку кода:

Это будет выглядеть так:

Сохраните изменения в файле (Save или Ctrl + S).

Теперь перейдите в раздел Settings в меню Shopify:

А затем откройте Customer events и нажмите на кнопку Custom pixels - Add custom pixel, чтобы добавить новый пользовательский пиксель:

В открывшемся окне введите название Checkout DataLayer в поле Pixel name:

Нажмите Add pixel.

Custom pixels - это современный и безопасный способ добавить на свой сайт Shopify скрипты отслеживания (например, Facebook Pixel *, Google Tag Manager или TikTok Pixel). Вместо того чтобы вручную вставлять код в файлы темы, вы создаете изолированный фрагмент кода, который общается с магазином через специальный Shopify Web Pixels API.

* Деятельность американской компании Meta (бывшая Facebook) запрещена в России, организация признана экстремистской.

Удалите весь код из редактора кода:

Перейдите в репозиторий gtm-datalayer-for-shopify и скопируйте весь код из файла checkout-webpixel.js:

В переменную GTM_container_id подставьте идентификатор своего контейнера Google Tag Manager:

В интерфейсе GTM он отображается в правом верхнем углу:

В разделе Customer privacy выставите следующие настройки:

• Permission - Not required
• Data sale - Data collected does not qualify as data sale

В завершение не забудьте сохранить изменения:

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

В завершение нажмите Connect:

Вы должны увидеть новый статус Connected:

На этом настройка электронной торговли в интерфейсе Shopify завершена. Я не буду показывать процесс привязки банковской карты и активации тарифа. Думаю, вы справитесь с этим сами. К тому же, настраивать события ecommerce в Google Analytics 4 имеет смысл только для реальных, работающих сайтов Shopify, а не на демо.

Отмечу лишь то, что новые пользователи Shopify могут получить 3-дневный бесплатный пробный период, после чего действует предложение - 1$ в месяц в течение первых 3 месяцев. Иногда это предложение ограничено одним или шестью месяцами в зависимости от текущей акции. Далее - 39$ в месяц.

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

Чтобы проверить все выполненные настройки, перейдите в Google Tag Manager и запустите режим отладки:

Перейдите на свой сайт и начните взаимодействовать с товарами - откройте его карточку, добавьте в корзину, удалите товар из корзины, перейдите на страницу корзины и т.д.. На шкале событий вы должны увидеть новые события - view_item, add_to_cart, remove_from_cart и т.д.:

Раскрыв их, вы увидите, как уровень данных (dataLayer) автоматически наполняется данными о совершаемых событиях и включает информацию о самих товарах - его название,  идентификатор, категория, количество, цена, производитель и другие параметры:

Из-за некоторых ограничений Shopify режим предварительного просмотра Google Tag Manager не работает на страницах оформления заказа:

Чтобы обойти это ограничение, вы можете установить расширение для браузера LeoMeasure – DataLayer Checkout и GTM Injector. Его разработал тот же автор, что и создатель репозитория gtm-datalayer-for-shopify, которое мы использовали ранее.

Откройте настройки расширения и добавьте в него следующие данные:

• Website URL - домен вашего сайта;
• GTM Script - первая часть кода контейнера вашего Google Tag Manager, на котором проводится настройка;

Поставьте галочку напротив GTM Preview for Shopify Custom Pixel:

Сохраните настройки. Теперь режим отладки Google Tag Manager будет работать для оформления заказа и его отмены на всех страницах.

Вы можете проверить ключевое событие purchase (покупка). Оно должно регистрироваться:

После проверки всех основных событий электронной торговли и корректного заполнения dataLayer можно переходить к настройке в Google Tag Manager.

Вернитесь в интерфейс GTM и создайте триггер типа Специальное событие. В Название события добавьте следующую строку:

Обязательно поставьте галочку Использовать регулярные выражения:

Таким образом, вы создаете один триггер и в нем перечисляете все события электронной торговли Google Analytics 4 через символ | .

Проверьте, чтобы в вашем контейнере GTM была активирована встроенная переменная Event:

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

Тег Google Аналитика: событие GA4, который теперь можно создать, будет иметь следующие настройки:

• Идентификатор потока данных - ваш ID ресурса Google Analytics 4
• Название события - встроенная переменная Event
• Дополнительные настройки - Электронная торговля - Отправлять данные электронной торговли - Data Layer
• Триггер активации - триггер специального события со всеми перечисленными событиями GA4

Теперь параметры события в теге добавлять не нужно. Они будут автоматически извлекаться из уровня данных. Сохраните тег.

Активируйте режим отладки и повторно пройдитесь по основным событиям электронной торговли. На шкале вы должны увидеть их срабатывание и активированный тег события Google Analytics 4, который мы создали на предыдущем шаге:

Вот так выглядят детальные сведения тега:

А если вы перейдете в инструмент DebugView, то сможете увидеть не только факт передачи события, но еще и подробные сведения о самих товарах. Для этого нужно нажать на самое событие и открыть вкладку Элементы:

А вот так выглядит активированный тег на событие purchase:

И его отладка в DebugView Google Analytics 4:

Через некоторое время данные о зарегистрированных событиях будут доступны вам в стандартных отчетах Google Analytics 4 и Исследованиях:

В завершение настройки электронной торговли Google Analytics 4 для Shopify не забудьте опубликовать контейнер Google Tag Manager, чтобы изменения вступили в силу.

В зависимости от вашей темы в Shopify вам может потребоваться внести несколько изменений, чтобы включить расширенные события, такие как просмотр мини-корзины (mini cart view), добавление в список желаний (add_to_wishlist), быстрый просмотр (quick view) и другие. В своем видео (см. выше) автор gtm-datalayer-for-shopify подробно рассказывает об этих нюансах. Обязательно посмотрите!

Отслеживание функции User ID

Одной из архитектурных особенностей Shopify является использование Customer ID в качестве уникального идентификатора покупателя. В отличие от систем веб-аналитики, использующих термин User ID, Shopify привязывает все действия к ID клиента в своей базе данных.

Для того чтобы реализовать функцию User ID в Google Analytics 4, вам потребуется связать эти сущности. Поскольку Google Tag Manager не может "прочитать" внутренние данные сервера Shopify напрямую, необходимо внедрить специальный фрагмент кода в шаблон темы. Этот код будет перехватывать customer.id в момент авторизации пользователя и передавать его в уровень данных (dataLayer), позволяя Google Tag Manager подхватить этот идентификатор и отправить его в GA4 уже как действующий идентификатор пользователя (он же User ID).

Подробнее про функцию User ID в Google Analytics читайте в других моих статьях:

• Две модели аналитики
• User ID в Google Analytics
• Настройка User ID для сайтов на WordPress
• Отслеживание User ID для интернет-магазина на 1С-Битрикс
• Настройка User ID с помощью Google Tag Manager
• Настройка User ID для Google Analytics 4 с помощью GTM
• Идентификатор User-ID и сбор данных, предоставленных пользователями в Google Analytics 4

Для этого снова перейдите в свою тему и откройте редактор кода (Edit code):

Откройте файл theme.liquid (находится в layout), куда вы добавляли код Google Tag Manager и строку {% render 'ultimate-datalayer' %}, и добавьте нижеприведенный код сразу же перед первой частью контейнера GTM:

В Shopify это будет выглядеть так:

Сохраните изменения (Save или Ctrl + S).

Для проверки корректности настройки запустите режим предварительного просмотра и авторизуйтесь на сайте. В окне отладчика выберите событие, отвечающее за передачу данных пользователя (в нашем примере - это login). Внутри dataLayer должен отображаться ваш идентификатор (переменная user_id):

Чтобы переопределить уникальный идентификатор пользователя (Client ID) на User ID в Google Analytics 4, вам необходимо перейти в Google Tag Manager и создайте пользовательскую переменную типа Переменная уровня данных. Задайте имя переменной уровня данных - user_id:

Задайте название переменной (например - DLV - user_id) и сохраните ее.

Обновите режим отладки. Выполните вход в личный кабинет на сайте и проверьте событие login в левой панели GTM. В разделе Variables значение вашей переменной должно смениться с undefined на актуальный идентификатор пользователя/клиента:

Чтобы передать идентификатор пользователя в Google Analytics 4, откройте ваш основной тег Google Analytics 4. В Настройки конфигурации добавьте параметр конфигурации, задав ему имя user_id, а в качестве значения выберите созданную ранее переменную уровня данных:

Сохраните изменения в теге. В завершение проверьте отправку данных в GA4 - перейдите в режим предварительный просмотр и выберите тег Google. В дополнительных сведениях о теге вы должны увидеть значение User ID.

Если вместо ID вы видите undefined или пустое значение, проверьте триггер активации. Скорее всего, тег срабатывает слишком рано (например, по событию Инициализация (Initialization), как в моем примере), когда код Shopify еще не успел передать данные в dataLayer.

В таком случае измените триггер на другой - например, на Просмотр страницы (Page View) или Модель DOM готова (DOM Ready):

Сохраните изменения. После этого все должно срабатывать корректно:

Через некоторые время в интерфейсе Google Analytics 4 в Исследовании Статистика пользователей вы должны увидеть переопределенный идентификатор пользователя (он же User ID):

Дополнительно вы можете создать тег типа Google Аналитика: событие GA4 и передать отдельное рекомендуемое событие login со свойством пользователя (например - customer_id):

Выполнив авторизацию, в инструменте DebugView вы увидите событие login и переданное свойство пользователя (user property):

Динамический ремаркетинг

Еще одну настройку, которую следует выполнять для Shopify, если вы продвигаете свой сайт и даете рекламу в Google Ads - это динамический ремаркетинг.

Динамический ремаркетинг (Dynamic remarketing) - это персонализированная реклама, возвращающая пользователей, которые уже посещали сайт, показывая им конкретные товары или услуги, которые они просматривали или добавляли в корзину, но не купили. В отличие от обычного ремаркетинга, система автоматически создает объявления, «догоняя» клиента именно тем товаром.

Читать еще:

• Динамический ремаркетинг
• Динамический ремаркетинг Google с помощью Google Tag Manager

Создание фида

Как известно, настройка динамического ремаркетинга тесно связана с таким понятием, как фид данных, фид товаров. Фид (feed) – это файл, в котором содержится подробная информация о каждом товаре в интернет-магазине (название, стоимость, скидка, наличие, id и другие атрибуты).

Преимущества использования фидов:

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

Существует несколько способов создать фид и использовать:

• официальное (бесплатное!) приложение Google для Shopify;
• Google Таблицы - настройка осуществляются через коммерческие данные, таблицы (фиды), которые загружаются в Google Рекламу;
• через сторонние приложения. Популярные решения: Symprosys Google Shopping Feed, Feedonomics или Mulwi.

Также Google позволяет создавать автоматические фиды на основе данных с сайта, которые собираются с помощью сканирования. Ими можно управлять и пользоваться в разных программах Merchant Center. Принцип работы автоматических фидов подробно разобран в документации Google.

Самый простой способ создания фида для Google Merchant Center - это официальное приложение Google & YouTube. Зайдите в Shopify и введите в поисковую строку Google & YouTube:

Выберите из списка официальное приложение Google:

На открывшейся странице нажмите кнопку Install:

И затем еще раз Install:

Приложение будет установлено в ваш магазин Shopify. После этого подключите свой аккаунт Google, нажав на кнопку Connect Google account:

На следующем шаге настройки и подключения напротив Connect your Google Merchant Center account нажмите кнопку Create new, если вы еще не создавали аккаунт для своего интернет-магазина. Если он уже есть, просто нажмите Connect и подключите к учетной записи существующий.

В качестве примера я попрошу Google создан новый аккаунт. Он сделает это автоматически, а затем проверит основные требования. Если чего-то будет не хватать, он вам об этом сообщит. Например:

• добавьте действительный способ оплаты;
• удалите пароль от вашего интернет-магазина;
• добавьте политику возврата средств и условия обслуживания в меню навигации внизу страницы.

Выполнив все необходимые изменения, Google в завершение попросит вас согласиться с условиями использования приложения. Нажмите I agree:

После этого откройте настройки приложения в Google & YouTube - Settings и проверьте, чтобы напротив настройки Product sync отображался статус On и был выбран Automatically syncs products that are available in your online store with Google Merchant Center, чтобы автоматически синхронизировались товары из вашего магазина в Shopify с Google Merchant Center:

Чтобы не было задубливание данных о событиях, обязательно отключите Conversion measurement:

На этом настройка официального приложения Google & YouTube для создания фида товаров в Google Merchant Center завершена. Вы можете перейти в свой аккаунт GMC и убедиться, что Google создал для вас аккаунт и добавил фид с товарами:

Пройдя модерацию, вы сможете использовать данный фид товаров в рекламных кампаниях Google Ads для Performance Max, торговых кампаний, видеокампаний, динамического ремаркетинга и т.д.

Проверьте, чтобы в разделе Дополнения - Ваши дополнения был активен Динамический ремаркетинг:

Если вы перейдете в Google Merchant Center в раздел Настройки - Источники данных, то увидите, как приложение Google автоматически создало для вас источник данных (data source) Shopify App API, чтобы избавить владельца бизнеса (вас) от технической настройки фида:

Приложение само сопоставляет поля Shopify (title, description, image url и другие) с требованиями Google. Вместо того чтобы вручную загружать файлы (XML/CSV) или настраивать расписание парсинга сайта, Google передает данные напрямую через API. Как только вы меняете цену или описание товара в админке Shopify, изменения практически мгновенно отправляются в Merchant Center.

Это критически важно для Google Ads. Если товар заканчивается на складе Shopify, статус out of inventory передается через API максимально быстро, чтобы вы не тратили бюджет на рекламу товара, которого нет в наличии.

Связывание аккаунтов Google Ads и Merchant Center

Создав фид товаров в Google Merchant Center, не забудьте связать его с аккаунтом Google Рекламы. Для этого в интерфейсе GMC перейдите в раздел Доступ и сервисы и нажмите кнопку Добавить сервис:

В открывшемся окне выберите Google Реклама:

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

Главное - установить связь между Google Рекламой и Merchant Center. Перейдите в интерфейс Google Ads и откройте раздел Инструменты - Менеджер данных. Там вы должны увидеть свой запрос на установление связи. Нажмите кнопку Настроить и установить связь:

После этого в колонке Действия нажмите на кнопку Просмотр напротив связанного аккаунта:

И затем подтвердите запрос, нажав на кнопку Одобрить:

Ваши аккаунты Google Ads и Merchant будут связаны, а напротив подключенного продукта будет отображаться соответствующий статус:

После создания фида данных у вас есть несколько вариантов настройки динамического ремаркетинга:

1. с помощью Google Analytics 4 и соответствующей разметки на сайте;
2. с помощью Google Tag Manager, но без уровня данных (dataLayer);
3. с помощью уровня данных, Google Tag Manager и тега Google.

Первый способ детально разобран в этой статье, второй вариант - представлен в официальной документации Google. Давайте рассмотрим процесс настройки динамического ремаркетинга для розничной торговли с помощью диспетчера тегов Google и уровня данных (вариант №3).

Описанный ниже алгоритм основан на документации Google и их рекомендациях. Материалы для справки, которые взяты за основу: Динамический ремаркетинг в Google Рекламе и Как настроить события и параметры ремаркетинга с учетом рода деятельности вашей компании.

Ранее для настройки динамического ремаркетинга вам нужно было:

• создавать тег Google Рекламы;
• активировать ремаркетинг с указанием сбора данных об определенных действиях, которые пользователи совершают на вашем сайте, чтобы показывать персонализированную рекламу;
• выбрать Вид деятельности - Розничная торговля
• выбрать инструкцию установки тега Google с использованием Google Tag Manager и получить идентификатор конверсии.

Все это было в Google упразднено летом 2025 года. Теперь чтобы активировать динамический ремаркетинг в Google Ads, достаточно отправить правильные данные через ваш тег Google, а именно:

• сначала нужно установить тег Google для отправки данных напрямую в Google Рекламу;
• настроить события и параметры ремаркетинга на сайте;
• создать переменные в Google Tag Manager;
• создать триггер активации;
• создать аудитории в интерфейсе Google Ads.

Если у вас еще не был добавлен тег типа Связывание конверсий, то обязательно сделайте это. В качестве триггера активации задайте

Добавление тега Google

Перейдите в интерфейсе Google Рекламы в раздел Инструменты - Менеджер данных и напротив тега Google нажмите кнопку Настроить:

В открывшемся окне скопируйте идентификатор тега Google, либо AW-..., либо GT-...:

Перейдите в Google Tag Manager и создайте тег типа Тег Google для Google Рекламы. В поле Идентификатор тега вставьте скопированный ID:

В качестве триггера активации используйте Инициализация или Просмотр страницы (All Pages).

Примечание: подробнее о том, что такое тег Google (Google Tag), читайте в этом руководстве.

После этого вы можете запустить режим предварительного просмотра, чтобы убедиться, что данный тег Google автоматически передает данные о ремаркетинга и просмотрах страницы в Google Рекламу:

Как только тег Google зарегистрирует первые события и отправит их в систему, качество тега изменится на Отличное. После этого можно переходить к настройке событий для динамического ремаркетинга.

Настройка события и параметров ремаркетинга на сайте

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

События состоят из:

• название события;
• параметры события;

Название события – это строка, описывающая событие. С ее помощью Google Реклама определяет, в какой из автоматически созданных списков добавить пользователя.

Для розничной торговли доступны следующие названия событий:

• view_search_results - пользователь посетил страницу результатов поиска;
• view_item_list - пользователь посетил страницу категории;
• view_item - пользователь посетил страницу товара;
• add_to_cart - пользователь добавил товар в корзину;
• purchase - пользователь совершил покупку.

Параметры события – это объект JavaScript, содержащий данные об отслеживаемом событии. Он обязательно должен иметь параметр items, содержащий один или несколько объектов item. В этих объектах хранятся сведения о товарах или услугах, в отношении которых пользователь совершил определенное действие.

Параметры, которые необходимо передавать в каждом теге событий:

• items (обязательный параметр);
• id – ID товара, который соответствует идентификатору в фиде данных;
• value – ценность (цена) товара;
• google_business_vertical – retail (тип фида).

Параметр google_business_vertical является рекомендованным, но необязательным параметром. Основную функцию несет уникальный идентификатор товара, который должен соответствовать любому из следующих трех атрибутов в фиде Google Merchant Center: id, item_group_id или display_ads_id. Он позволяет показывать пользователям рекламу именно тех товаров, сведения о которых они просматривали.

Когда пользователь переходит на сайт, срабатывают события view_search_results, view_item_list, view_item, add_to_cart и purchase, внутри которых передаются параметры события id, item_group_id или display_ads_id, а вместе с ними записывается информация по товарам, привязанная к конкретному пользователю. Таким образом, когда рекламодатель создаст в Google Ads рекламную кампанию на динамический ремаркетинг, пользователю начнет показываться персонализированная реклама в зависимости от просмотренных товаров и совершенных событий на сайте.

Поскольку мы уже настроили все эти события электронной торговли для Google Analytics 4 с нужными параметрами, то предыдущие настройки Shopify можно взять за основу.

Создание переменных

В Google Tag Manager создайте две переменных типа Переменная уровня данных:

• ecommerce.value;
• ecommerce.items.

Затем активируйте встроенные переменную Event из раздела Утилиты:

Создание триггера

Создайте триггер типа Специальное событие с регулярным выражением и перечислите через символ | (оператор ИЛИ) все ваши события:

Обязательно поставьте галочку Использовать регулярные выражения:

Задайте название триггеру и сохраните его.

Создание тега

Добавьте тег Ремаркетинг в Googlе Рекламе со следующими настройками:

• Идентификатор конверсии – идентификатор тега Google без префикса AW или GT;
• Галочка - Send dynamic remarketing event data;
• Event Name – встроенная переменная Event;
• Event Value – переменная уровня данных DLV - value;
• События - наша переменная уровнях данных DLV - items;
• Пользовательские параметры – Нет;
• Триггер активации – специальное событие, созданное на предыдущем шаге.

В Google Tag Manager это будет выглядеть так:

Сохраните тег. Окончательно проверить все настройки можно с помощью режима предварительного просмотра. Совершите поочередно все события из вашего списка и посмотрите, срабатывает ли тег ремаркетинга Google Рекламы и передает ли он данные в Google Ads.

На рисунке выше при срабатывании события add_to_cart активируется тег Ремаркетинг в Google Рекламе с идентификатором конверсии (назначается автоматически), который передает в Google Ads все дополнительные сведения.

Создание аудиторий в интерфейсе Google Ads

На завершающем шаге настройки перейдите в своем аккаунте Google Рекламы в Инструменты - Менеджер аудиторий. Через некоторое время в созданный тег Google Рекламы начнут поступать данные о различных событиях и вы сможете создать сегменты по вашим данным.

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

Чтобы создать аудиторию, откройте Сегменты по вашим данным - Посетители сайта. В условии посещенной страницы вы можете выбрать не только URL, но и указать событие.

Также некоторые списки аудиторий в Google Ads создаются и пополняются автоматически. Например:

• Все посетители (Google Ads) - пользователи, посетившие страницы с тегом ремаркетинга;
• Розница: посетители страниц с информацией о товаре (Google Ads) - посетители, которые просмотрели на вашем сайте страницы определенных товаров, но ничего не добавили в корзину;
• Розница: посетители сайта (Google Ads) - пользователи, посетившие веб-сайт, но не просмотревшие описание какого-либо конкретного продукта;
• Розница: пользователи, не завершившие покупку (Google Ads) - пользователи, добавившие продукт в корзину, но не завершившие процесс покупки;
• Розница: пользователи, уже совершавшие покупки (Google Ads) - пользователи, которые уже совершали покупки на вашем сайте.

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

И вот так может выглядеть пример вашего объявления на основе фида товаров из Shopify:

Сохраните настройки рекламной кампании и запустите ее. Поздравляю вас!

Итоговый шаблон с настройками

В конце этого руководства вы найдете готовый шаблон для Google Tag Manager со всеми настройками. Скачайте его по ссылке ниже и импортируйте в свой контейнер. При импорте выберите вариант Объединить (не Перезаписать), чтобы не потерять текущие настройки GTM.

Взяв его за основу, вы можете доработать его под себя и:

• обновить идентификаторы тегов Google Analytics 4 и Google Рекламы;
• изменить названия переменных, триггеров и тегов;
• скорректировать работу триггеров и тегов;
• и прочее.

Легкой настройки Shopify!