Server-side Google Analytics 4 для Shopify

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

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

Эта статья блога расскажет вам о настройке Google Analytics 4 на стороне сервера с помощью приложения Stape server GTM.

Преимущества использования Google Analytics 4 на стороне сервераСкопировать ссылку на этот раздел

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) имеет ряд преимуществ перед традиционным отслеживанием на стороне клиента.

Вот некоторые из ключевых преимуществ отслеживания на стороне сервера:

1. Повышенная точность данных: Отслеживание на стороне сервера обеспечивает сбор и обработку данных. Оно устраняет расхождения, вызванные блокировщиками рекламы, скриптами на стороне клиента и другими проблемами мониторинга.
2. Повышение конфиденциальности пользователей: Отслеживание на стороне сервера позволяет вам сохранять анонимность пользователей, защищая их персональную информацию (PII) и соблюдая правила конфиденциальности, такие как GDPR и CCPA.
3. При отслеживании на стороне сервера вы получаете больше контроля над собираемыми данными и их использованием. Например, пользовательские потоки данных могут отслеживать определенные события, поведение пользователей и другие данные.
4. Интеграция с другими источниками данных: Отслеживание на стороне сервера может быть интегрировано с другими источниками данных, такими как системы управления взаимоотношениями с клиентами (CRM), для создания полного представления о поведении пользователей и улучшения аналитических данных.

В целом, серверная версия Google Analytics 4 предоставляет более точные, безопасные и настраиваемые возможности отслеживания, которые помогут вам улучшить аналитические данные и принять более эффективные бизнес-решения.

Настройка Stape server GTM приложения для ShopifyСкопировать ссылку на этот раздел

Первым шагом при настройке Google Analytics 4 для Shopify является настройка серверного контейнера Google Tag Manager и установка приложения Stape Server GTM. Наше приложение помогает:

• Добавить веб-скрипт Google Tag Manager на все страницы сайта.
• Добавить кастомный домен в скрипт GTM.
• Установить custom loader (только для пользователей stape).
• Отправить данные о событиях в data layer веб-GTM.
• Отправить пользовательские данные в data layer веб-GTM.
• Отправить вебхуки покупки и возврата на серверный GTM.

1. Добавьте приложение Stape Server GTM.

2. Включите флажок Insert GTM snippet. Если флажок включен, приложение добавит веб-скрипт Google Tag Manager на каждую страницу сайта.

Приступайте к дальнейшей настройке:

• Добавьте WEB Google Tag manager ID.
• Добавьте кастомный домен, который вы используете для серверного GTM-контейнера. Для пользователей stape это может быть поддомен в домене stape.io или поддомен в домене вашего сайта. Мы рекомендуем использовать кастомный домен в той же иерархии, что и ваш сайт, поскольку в этом случае вы сможете устанавливать куки первой стороны. Следуйте этому руководству, чтобы найти или настроить кастомный домен на stape.

После этого на все страницы магазина Shopify будет добавлен веб-скрипт GTM, настроен серверный контейнер GTM, а также будут использоваться кастомный домен и custom loader, если вы их настроили.

3. На второй вкладке приложения Stape Server GTM вы можете настроить его на отправку событий электронной коммерции (e-commerce) и пользовательских данных на Data Layer. К сожалению, приложение не может отправлять события электронной коммерции на checkout, так как Shopify не разрешает доступ к checkout.

Список событий e-commerce:

• Collection View
• View Item
• Add to cart
• Begin Checkout
• Add payment info
• Purchase

Данные пользователя:

• Email
• First name
• Last name
• Customer ID

4. На третьей вкладке вы можете настроить приложение на отправку веб-крючков (webhooks) покупки и возврата на сервер GTM-контейнера. Использование веб-крючков - это отличный способ настроить чисто серверное отслеживание, не полагаясь на веб-скрипты, data layers, и т. д. Например, вы можете параллельно отслеживать покупки на стороне сервера и в веб. Более подробную информацию о настройке webhooks в sGTM можно найти в этом гайде.

На этом настройка приложения stape для Shopify и облачных серверов для sGTM завершена. Далее перейдем к настройке Google Analytics 4 для Shopify.

Серверный 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.

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

• Name: server_container_url
• Value: Введите URL-адрес

Добавьте триггер в тег 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.