Google закроет Universal Analytics в июле 2023 года и переведет все на GA4. Это означает, что владельцам веб-сайтов необходимо настроить GA4 как можно скорее. Узнайте, как это сделать, в нашем пошаговом руководстве. ,
К настоящему моменту вы должны знать, что Google прекратил работу с Universal Analytics в июле 2023 года и перевел все на GA4. Это означает, что владельцам веб-сайтов необходимо как можно скорее настроить GA4. Для веб-сайтов электронной коммерции есть дополнительная сложность в том, чтобы заставить отслеживание электронной коммерции работать в GA4. Для Shopify магазинов этот процесс был действительно простым в Universal Analytics, но стал более сложным в GA4.
Продолжайте читать, чтобы узнать, как легко настроить отслеживание электронной коммерции GA4 на любом устройстве. Shopify веб-сайт без необходимости установки приложений или использования разработчиков.
Для завершения этого процесса вам необходимо иметь установленными на вашем устройстве как GTM, так и GA4. Shopify Магазин. Чтобы узнать больше, прочтите наши руководства. Как установить GTM на Shopify и как установить GA4 на Shopify.
Хотя следовать этому руководству сможет каждый, будет проще, если у вас есть базовые знания о том, как работает GTM.
Как настроить Google Analytics 4 на Shopify
Прежде чем вы сможете начать собирать данные о вашем магазине, вам необходимо иметь учетную запись Google Analytics и создать ресурс GA4. Затем вы можете настроить теги Google Analytics 4 на вашем Магазин магазинови свяжите свой аккаунт Google Ads с аккаунтом Google Analytics.
Шаг 1: Создайте учетную запись Google и учетную запись Google Analytics.
Вам нужна учетная запись Google для использования Google Analytics. Если вы уже используете продукты Google, такие как Gmail или Ads, то вы можете использовать ту же учетную запись для Google Analytics.
Если у вас еще нет учетной записи для продукта Google, то создайте учетную запись Google. Вам не нужно использовать учетную запись Gmail ни для чего, кроме входа и выхода из Google Analytics.
После создания учетной записи Google вам необходимо создать учетную запись Analytics. Затем перейдите к шагу 2.
Шаг 2: Создайте или переместите ресурс Google Analytics 4
Чтобы активировать Google Analytics 4, создайте новый ресурс Google Analytics 4 и добавьте его в свой Магазин магазиновили переместить существующее свойство, которое вы создали ранее.
После того, как у вас есть собственность, вам нужно создать поток веб-данных. Запишите идентификатор тега, поскольку он вам понадобится на шаге 3.
Шаг 3: Добавьте теги Google Analytics 4
Если у вас нет Канал Google и YouTube установлен, то вам будет предложено установить его во время процесса настройки ваших тегов GA4. Вам не нужно подключаться к Google Merchant Center, чтобы завершить процесс настройки ваших тегов GA4.
Шаги:
- В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Настройки».
- В разделе Google Analytics нажмите «Управление пикселем здесь».
- Нажмите «Подключить свою учетную запись Google».
- Выберите идентификатор тега для ресурса GA4, который вы хотите подключить к своему Магазин магазинов.
- Нажмите «Подключить свой ресурс Google Analytics 4».
- После настройки тегов Google Analytics 4 определенные события электронной коммерции отслеживаются автоматически. Чтобы узнать больше об отслеживании событий в Google Analytics 4, см. Настройка событий Google Analytics.
Примечание. Google Analytics не сможет отслеживать события, пока вы не снимете защиту пароля с вашего интернет-магазина.
Шаг 4: Свяжите свой аккаунт Google Analytics с аккаунтом Google Ads.
Связывание ресурса Google Analytics с вашим аккаунтом Google Ads поможет вам анализировать активность покупателей в вашем магазине, которую вы сможете использовать для измерения конверсионных действий и создания аудиторий.
Создать слой данных в Shopify
Наша первая задача — создать слой данных. Слой данных — это простой фрагмент кода, содержащий информацию о сеансе посетителя веб-сайта. Затем эта информация может быть передана на другие платформы, такие как GTM.
Мы создали для вас слой данных, который идет на страницу завершения заказа Shopify. Он автоматически заполняется информацией о заказе клиента, такой как стоимость заказа, стоимость доставки и приобретенные товары.
-
Скопируйте и вставьте скрипт ниже в поле скриптов «checkout» в настройках администратора Shopify. Его можно найти, перейдя в «Настройки > Checkout & Accounts > Дополнительные скрипты»
-
Этот уровень данных передает событие «покупка» в GTM, содержащее информацию о заказе клиента.
{% if first_time_accessed %} {% endif %}**Как настроить GA4 с GTM
Создать триггер срабатывания в GTM
Теперь нам нужно настроить триггер, который срабатывает, когда клиенты завершают заказ. Когда триггер срабатывает, тег, содержащий информацию о заказе, отправляется в GA4.
Нам нужно определить условия, при которых срабатывает наш триггер покупки. Условием для нашего триггера будет момент, когда событие покупки в нашем слое данных будет отправлено. Чтобы настроить это:
- Войдите в GTM, перейдите в левое меню и выберите «Триггеры».
- Нажмите синюю кнопку «Новый»
- Назовите свой триггер «GA4 – Покупка»
- Нажмите значок «Изменить» в углу окна «Конфигурация триггера».
- В разделе «Выберите тип триггера» выберите «Пользовательское событие».
- В поле «Название события» введите «покупка».
- Установите для параметра «Этот триггер срабатывает» значение «Некоторые пользовательские события».
- Установите следующие условия события:
- Событие – Равно – Покупка
Когда вы закончите, это должно выглядеть так:
Создание переменных уровня данных в GTM
Прежде чем мы настроим наш тег, нам нужно создать переменные GTM для извлечения информации из нашего слоя данных. Если переменные для вас в новинку, думайте о них как о пакетах, содержащих небольшие фрагменты информации.
В эти переменные добавляются определенные значения из уровня данных, а затем они отправляются в GA4.
Нам необходимо создать переменные для извлечения следующих значений из вашего слоя данных:
-
Доход от заказа
-
Код заказа
-
Валюта
-
деклараций
-
Стоимость доставки
-
Купленные товары
-
В GTM в левом меню щелкните на странице «Переменные».
-
В поле «Пользовательские переменные» нажмите кнопку «Новый».
-
На этом экране вы можете создать новую переменную GTM. Вам необходимо выполнить следующий процесс для каждой из перечисленных выше переменных. Подробности для каждой отдельной переменной приведены ниже:
Доход от заказа
Имя: dlv – Страница благодарности – Доход от заказа
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.value
Код заказа
Имя: dlv – Страница благодарности – Идентификатор заказа
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.transaction_id
Валюта
Имя: dlv – Страница благодарности – Валюта
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.currency
деклараций
Имя: dlv – Страница благодарности – Налоги
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.tax
Стоимость доставки
Имя: dlv – Страница благодарности – Доставка
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.shipping
Купленные товары
Имя: dlv – Страница благодарности – Элементы
Изменяемая конфигурация:
Тип переменной: переменная уровня данных
Имя переменной уровня данных: ecommerce.items
После завершения каждая переменная должна выглядеть примерно так:
Создание тегов электронной коммерции в GTM
Чтобы перенести данные электронной коммерции в GA4, GTM необходимо запустить тег на странице завершения заказа. Этот тег содержит информацию о каждом заказе и используется для заполнения отчетов GA4.
- Вернитесь в GTM и в левом меню нажмите «Теги».
- Нажмите синюю кнопку «Новый»
- Назовите свой тег «GA4 Purchase»
- В поле «Конфигурация тега» нажмите значок редактирования в правом верхнем углу.
- Выберите «Google Analytics: событие GA4».
- В поле «Тег конфигурации» выберите тег «GA4 Config».
- В поле «Название события» введите «покупка»
- Разверните раскрывающееся меню «Параметры события» и нажмите «Добавить строку».
Параметры события — это биты информации о заказе, которые мы хотим передать в GA4 при срабатывании тега. Представьте себе параметры события как отдельные элементы заказа клиента (такие как стоимость заказа, стоимость доставки и т. д.). Каждый из этих элементов необходимо добавить как параметр события в тег события покупки.
Чтобы настроить их, нажмите кнопку «Добавить строку». Каждая строка имеет два поля
-
Имя параметра – официальное имя параметра, определенного GA4. Когда событие покупки запускается с одним из определенных GA4 параметров покупки, GA4 распознает его. Например, «transaction_id», «tax» и «shipping» являются распознанными параметрами покупки. Полный список доступные параметры события покупки можно посмотреть здесь.
-
Значение – Фактическое значение параметра. Это будет динамическое значение, основанное на заказе клиента. Используя приведенные выше примеры параметров, это могут быть:
идентификатор_транзакции: #245
налог: 2.56
доставка: 3.99
Значения параметров событий — это динамические биты информации из вашего уровня данных. Помните переменные уровня данных, которые мы создали ранее? Это те переменные, которые используются для заполнения значений параметров событий.
Нажмите на значок справа от поля «значение». Это загрузит экран, где вы можете выбрать переменную. Найдите и выберите правильную переменную для этого параметра (это будет одна из созданных вами ранее переменных, которая начинается с «dlv»).
Сделайте это для следующих параметров:
| Имя параметра | Значение |
|---|---|
| пункты | {{dlv – Thank You Page – Items}} |
| ценностное | {{dlv – Thank You Page – Order Revenue}} |
| ID транзакции | {{dlv – Thank You Page – Order ID}} |
| налог | {{dlv – Thank You Page – Tax}} |
| доставка | {{dlv – Thank you Page – Shipping}} |
| валюта | {{dlv – Thank You Page – Currency}} |
После завершения ваш экран должен выглядеть примерно так:
Отладка
Наконец, нам нужно проверить, что наша настройка тега работает. Для этого:
- Зайдите в GTM и нажмите кнопку «Предварительный просмотр» в правом верхнем углу.
- Следуйте инструкциям, чтобы активировать режим предварительного просмотра GTM в вашем магазине.
- После завершения вы попадете в переднюю часть вашего магазина с окном помощника по тегам в углу.
Предыдущая вкладка (под названием «Tag Assistant [Подключено]) теперь будет сообщать о тегах, которые активируются при просмотре сайта на вкладке предварительного просмотра.
- Откройте свою учетную запись GA4 и в левом меню выберите «Настройка > DebugView».
- Вернитесь на вкладку предварительного просмотра интерфейса вашего магазина и выполните тестовую транзакцию.
- Наконец, перейдите на вкладку GA4 DebugView. Если тег покупки GA4 успешно сработал, вы увидите зеленое событие покупки на временной шкале. Щелкните по этому событию, и окно справа заполнится информацией о заказе.
Опубликовать изменения GTM
Как только вы будете довольны тем, что транзакции фиксируются в вашем отслеживании электронной коммерции GA4, вы можете продолжить и опубликовать изменения GTM. После публикации мы рекомендуем обратить пристальное внимание как на ваш аккаунт GA4, так и на ваш аккаунт UA, чтобы убедиться, что заказы регистрируются так, как вы ожидаете.
Установите GA4 с GTAG на Shopify
Другой эффективный способ установки GA4 для Shopify — через GTAG. Во-первых, вам нужно убедиться, что ваш ресурс GA4 настроен правильно, а затем добавить URL-адрес Shopify, нажав на Data Streams > Web и вставив его туда, затем нажмите Create Stream.
Далее перейдите в раздел «Потоки данных» в вашем ресурсе GA4 и выберите новый поток. Скопируйте идентификатор измерения (он начинается с «G»). Затем в панели администратора Shopify перейдите в раздел «Интернет-магазин. Темы» и найдите свою активную тему. Нажмите «Действия» > «Изменить код», а затем в разделе «Макет» нажмите на theme.liquid. Добавьте код скрипта GTAG непосредственно перед тегом. Замените G-XXXXXXXXXX на свой идентификатор измерения GA4 и сохраните изменения.
Не забудьте проверить изменения в Google Analytics, перейдя в Realtime на левой боковой панели. Мы рекомендуем посетить ваш сайт Shopify и выполнить действие, чтобы подтвердить, что ваша активность отображается в отчете GA4 Realtime.
Как настроить GA4 с приложением Google и канала YouTube
Вы также можете использовать приложение Google & Youtube Channel для настройки GA4, подключив новую или существующую учетную запись Google. Это поможет вам поделиться данными вашего магазина Shopify с Google Analytics и отслеживать его эффективность. Просто перейдите в админку Shopify, нажмите «Настройки» > «Приложения и каналы продаж» > «Google & YouTube», а затем нажмите «Подключить учетную запись Google».
В Хотите настроить только Google Analytics 4? баннер, нажмите Начать. Затем в Подключите ресурс Google Analytics раздел, вам нужно будет выбрать существующий ресурс из раскрывающегося списка. Перечисленные идентификаторы GA4 — это идентификаторы, связанные с вашей учетной записью Google, где ваша учетная запись Google является администратором. Если у вас нет ресурса GA4, нажмите Создать новый, а затем создайте ресурс из Google Analytics. Затем, наконец, нажмите Подключиться.
Чтобы проверить работу вашего GA4 с приложением Google и YouTube, используйте Дебагвиев в GA4. Но сначала вам нужно скачать Расширение отладчика Google Analytics для Chrome и затем вы нажимаете на его значок, чтобы увидеть ленту ON. Это позволит вам увидеть ваши события в DebugView. Вы можете найти DebugView в Admin > DebugView в вашем свойстве GA4.
Если вы перейдете по URL-адресу своего магазина Shopify с включенным расширением аналитики DebugView, вы должны увидеть, как события поступают в DebugView.
Обратитесь к нашей команде экспертов для получения дополнительных рекомендаций.
Спасибо, что прочитали наше руководство – надеемся, оно помогло вам настроиться. Если вам нужны дополнительные советы или помощь с вашим магазином Shopify, маркетингом или SEO, напишите нам сообщение и один из наших сотрудников свяжется с вами.
Если вам понравилось это руководство, почему бы не ознакомиться с нашим Ultimate Guide to SEO on Shopify 2023? Написанное нашей командой экспертов по SEO, оно полно полезных советов и методов для улучшения эффективности поиска вашего магазина, увеличения трафика и увеличения продаж. Нажмите кнопку ниже, чтобы получить его по электронной почте.
Чтобы оставаться в курсе всех событий в сфере электронной коммерции, обязательно подпишитесь, используя форму ниже, чтобы получать наши еженедельные информационные бюллетени, руководства и советы.
,
Мы являемся одним из самых надежных и опытных партнеров Shopify Plus в мире. Полнофункциональное, полностью внутреннее цифровое агентство с более чем 50 талантливыми людьми, мы помогли сотням амбициозных брендов превзойти свои цели.
,
Eastside Co лидирует в веб-дизайне Shopify, ориентированном на UX, маркетинговых стратегиях, ориентированных на результаты, и лучших в своем классе приложениях и программном обеспечении Shopify. Мы помогаем онлайн-бизнесу выйти за рамки обыденности и добиться успеха в электронной коммерции.
