Google Analytics 4 станет стандартом веб-аналитики в ближайшие несколько месяцев, поскольку Google прекращает работу Universal Analytics. Поэтому, если вы планировали внедрить GA4 в своем магазине Shopify, установка Google Analytics 4 на стороне сервера может стать отличным выбором, поскольку отслеживание на стороне сервера более адаптировано к современным ограничениям отслеживания.
Серверная версия Google Analytics 4 поможет более точно отслеживать поведение пользователей и, в свою очередь, принимать более эффективные решения, направленные на повышение качества обслуживания клиентов и успех eCommerce.
Эта статья блога расскажет вам о настройке Google Analytics 4 на стороне сервера с помощью приложения Stape server GTM.
Google прекратит поддержку Universal Analytics с 1 июля 2023 года. В результате все пользователи будут вынуждены перейти на более новую версию - Google Analytics 4.
Google уже начал автоматически конвертировать свойства GA3 (или Universal Analytics) в GA4, заставляя своих клиентов начать адаптацию GA4.
Разница между новой и старой версиями Google Analytics огромна, поскольку Universal Analytics основан на сессиях, а Google Analytics - на событиях. А отзывы пользователей, которые начали внедрять GA4, могли бы быть лучше, поскольку продукт относительно новый, а значит, нуждается в некоторых функциях и имеет некоторые ошибки.
Вместе с новой версией Google Analytics еще одно главное изменение в мире отслеживания - отслеживание на стороне сервера. Серверное отслеживание Google Analytics 4 (GA4) имеет ряд преимуществ перед традиционным отслеживанием на стороне клиента.
Вот некоторые из ключевых преимуществ отслеживания на стороне сервера:
В целом, серверная версия Google Analytics 4 предоставляет более точные, безопасные и настраиваемые возможности отслеживания, которые помогут вам улучшить аналитические данные и принять более эффективные бизнес-решения.
Первым шагом при настройке Google Analytics 4 для Shopify является настройка серверного контейнера Google Tag Manager и установка приложения Stape Server GTM. Наше приложение помогает:
1. Добавьте приложение Stape Server GTM.
2. Включите флажок Insert GTM snippet. Если флажок включен, приложение добавит веб-скрипт Google Tag Manager на каждую страницу сайта.
Приступайте к дальнейшей настройке:
После этого на все страницы магазина Shopify будет добавлен веб-скрипт GTM, настроен серверный контейнер GTM, а также будут использоваться кастомный домен и custom loader, если вы их настроили.
3. На второй вкладке приложения Stape Server GTM вы можете настроить его на отправку событий электронной коммерции (e-commerce) и пользовательских данных на Data Layer. К сожалению, приложение не может отправлять события электронной коммерции на checkout, так как Shopify не разрешает доступ к checkout.
Список событий e-commerce:
Данные пользователя:
4. На третьей вкладке вы можете настроить приложение на отправку веб-крючков (webhooks) покупки и возврата на сервер GTM-контейнера. Использование веб-крючков - это отличный способ настроить чисто серверное отслеживание, не полагаясь на веб-скрипты, data layers, и т. д. Например, вы можете параллельно отслеживать покупки на стороне сервера и в веб. Более подробную информацию о настройке webhooks в sGTM можно найти в этом гайде.
На этом настройка приложения stape для Shopify и облачных серверов для sGTM завершена. Далее перейдем к настройке Google Analytics 4 для Shopify.
1. Ключевой особенностью серверных тегов является установка cookies первой стороны. Для включения этой функции необходимо использовать URL-адрес сервера тегов. URL-адрес сервера тегов или пользовательский домен должен совпадать с доменом вашего сайта. Например, если домен вашего сайта - example.com, то URL сервера тегов должен выглядеть как ss.example.com.
Если вы хотите добавить пользовательский домен, откройте контейнер sGTM на stape, прокрутите страницу до раздела Домены, введите имя домена и нажмите кнопку Добавить домен. После этого появятся записи DNS, которые необходимо добавить.
Ниже приведен пример настройки DNS для CloudFlare.
1.2. Вернитесь в контейнер Google Tag Manager Server -> Выберите серверный контейнер -> Admin -> настройки контейнера -> вставьте URL сервера тегов.
Обновление скрипта Web GTM на вашем сайте настоятельно рекомендуется, если вы используете пользовательский домен. Этот твик заставит gtm.js загружаться с вашего домена. Для этого замените стандартный домен googletagmanager.com на пользовательский домен, настроенный в предыдущем шаге.
1.3. Внутри Web-контейнера создайте новый тег типа Google Tag. Добавьте идентификатор тега Google.
В разделе Настройки конфигурации добавьте следующие параметры:
Добавьте триггер в тег GA4. В норме он должен срабатывать при всех просмотрах страницы.
Можно также создать Google tag: Configuration settings переменную, которая будет предопределять настройки тегов Google, если вам необходимо использовать несколько тегов Google на вашем сайте и вы не хотите добавлять настройки для каждого из них вручную.
Такими параметрами могут быть, например, настройка, определяющая необходимость отправки события просмотра страницы при каждом срабатывании Google Tag, установка UTM-параметров, идентификатора клиента и т.д. Существует список стандартных параметров настройки Google-тегов.
1.4. Для настройки события GA4 перейдите в раздел тегов и создайте новый тег с типом тега Google Analytics: GA4 Event. Добавьте свой GA4 ID и название события; существует список стандартных названий событий.
Можно создать переменную Google Tag: Event Settings, которая поможет совместно использовать параметры события в нескольких тегах событий GA4 или тегах Google. Это могут быть, например, свойства пользователя или товара, также существует список стандартных параметров для настроек события.
1.5. Откройте серверный контейнер Google Tag Manager -> нажмите кнопку Client -> создайте клиент GA4 и сохраните его -> перейдите в раздел Tags и настройте тег GA4. Помните, что GA4 автоматически отправляет не только просмотр страниц, но и некоторые другие события. Внутри Event Name выберите переменную {{Event Name}}. -> добавьте триггер Client Name равный GA4.
2. Настройте событие pageview.
3. Настройте события e-commerce. Чтобы убедиться, что события e-commerce, данные о продукте и пользователе настроены правильно, откройте веб-контейнер GTM и проверьте data layer для каждого события e-commerce. Например, вам может понадобиться настроить переменную data layer для события или пользовательских данных, которые вы должны отправить в GA4.
Вы должны создать пользовательские триггеры для каждого события e-commerce на основе события data layer.
Ниже приведен пример тега и триггера для события "Add to cart". Процесс настройки всех остальных событий e-commerce аналогичен.
4. Откройте серверный контейнер Google Tag Manager. Добавьте клиент Google Analytics 4 или убедитесь, что он уже добавлен.
5. В серверном контейнере GTM создайте тег GA4. Добавьте свой идентификатор GA4, задайте имя события и триггер. В моем примере событие является переменной, а тег GA4 на стороне сервера срабатывает всякий раз, когда GA4 утверждает запрос.
На этом настройка серверного Google Analytics 4 для Shopify завершена. Далее перейдем к тестированию и устранению неполадок.
1. Откройте отладчик веб-контейнеров и серверных GTM-контейнеров и пройдитесь по вашему сайту. В веб-контейнере GTM вы должны увидеть, что срабатывают теги GA4; в серверном контейнере GTM вы должны увидеть запросы GA4, заявленные тегами GA4.
Если вы не видите запросы GA4 внутри sGTM, проверьте, правильно ли вы добавили URL сервера тегов в тег конфигурации GA4 в веб-контейнере GTM.
Вы также можете открыть консоль сайта и проверить запросы GA4. Правильный сценарий - это когда GA4 отправляет запросы на URL вашего сервера тегов. Вы можете проверить это, отфильтровав запросы по GA4 ID на вкладке сеть и убедившись, что URL запроса содержит URL вашего сервера тегов.
2. Другой способ - открыть отладчик GA4 и проверить, какие события и пользовательские данные видит GA4.
Если веб + сервер GTM и отладчики Google Analytics 4 показывают корректные данные, опубликуйте конфигурацию.
Внедрение серверной версии Google Analytics 4 для Shopify - это эффективный метод улучшения присутствия вашего бизнеса онлайн. Он предлагает множество интересных функций, позволяющих более точно понимать и отслеживать поведение пользователей.
С помощью этой статьи в блоге можно быстро настроить связь между Google Analytics 4 и Shopify через серверное приложение GTM. Несколько простых шагов, описанных здесь, делают этот процесс простым и эффективным.
Это позволит вам с минимальными усилиями воспользоваться всеми его преимуществами. Так зачем же ждать? Начните оптимизировать свой магазин уже сегодня - обращайтесь, если вам нужна помощь в понимании или реализации того, как настроить серверный Google Analytics 4 для Shopify с помощью серверного приложения GTM.
Мы позаботимся о вас! Нажмите Получить помощь, заполните форму, и мы вышлем вам предложение.
