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

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

Подключение Google Analytics 4 к Shopify

Перед сбором данных о магазине, вам нужно иметь учетную запись Google Analytics и создать Google Analytics 4. Затем вы можете настроить интеграцию GA 4 с вашим магазином Shopify и, при необходимости, связать учетную запись Google Ads с учетной записью Google Analytics.

P.S.:Официальная справка Shopify:

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-analytics-setup

Пошаговый алгоритм подключения Google Analytics 4 к Shopify:

1. В административной панели Shopify перейдите в «Online store» > «Preferences».

2. В разделе “Google Analytics” нажмите «Manage pixel here».

3. Нажмите «Connect your Google account».

4. Выберите ID тега для ресурса GA4, которое вы хотите подключить к вашему магазину Shopify.

5. Нажмите «Connect your Google Analytics 4 property».

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

P.S.: Официальная справка Shopify:

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/tracking-ecommerce-events-using-analytics

Обратите внимание, что Google Analytics не может отслеживать события, пока вы не уберете защиту паролем с онлайн-магазина.

P.S.: В результате этих действий ваша Google Analytics 4 начнет отслеживать трафик и в вашей аналитике будет уже настроенная электронная торговля: 

Но зачастую настройки одной электронной торговли не достаточно. Часто требуется отслеживать дополнительные конверсии: отправку форм, клики по номерам телефонов или электронным почтам, переходы в мессенджеры и т.д. Для настройки этих конверсий проще всего воспользоваться Google Tag Manager.

Создание GTM и его базовую настройку мы подробнее описывали в нашей предыдущей статье, поэтому не будем останавливаться на этом. Единственное, на что нужно обратить внимание — это решение вопроса с тем, что Google Analytics 4 уже стоит на сайте через интеграцию, а нам еще нужно дополнительно настроить теги в GTM.

Чтобы избежать проблем с отслеживанием и дублированием, нам нужно в GTM использовать такую реализацию: 

То есть, для тега “Google Tag” не нужно добавлять триггер, который будет его инициализировать. Таким образом вы сможете избежать дублирования.

С самой механикой установки Google Tag Manager на сайт Shopify также не все так просто. Со стандартной инструкцией вы можете ознакомиться в нашей статье — Настройка GTM. Но для Shopify есть особенности.

Вам нужно установить Google Tag Manager отдельно в тему магазина, и отдельно на страницу “спасибо за заказ”.

Шаги установки в тему сайта:

1. Перейдите по следующему пути: “Shopify Store Admin” > “Online Store” > “Themes”. 

2. Кликните на 3 точки рядом с темой.

3. Нажмите на пункт “Edit Code”.

4. В колонке слева вам нужно найти пункт “theme.liquid”:

и вставить как можно ближе к началу ваш код GTM:

5. Теперь вам нужно перейти по пути: “Admin” > “Settings” > “Checkout” и в разделе “Order status page” добавить ваш код GTM:

Описанный выше способ: интеграция + GTM по моему мнению является наиболее оптимальным и простым способом настройки GA4 на Шопифай. Но это далеко не единственный способ. Есть множество платных и бесплатных модулей для подключения аналитики, можно просто поставить аналитику через ГТМ и самостоятельно реализовать события в dataLayer для электронной торговли и еще десятки других вариантов.

Как подключить Google Analytics к WordPress

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

Данный раздел предназначен для помощи владельцам сайтов, работающих на платформе WordPress, в интеграции Google Analytics. Мы рассмотрим пошаговый процесс подключения Google Analytics к вашему сайту WordPress, начиная от создания учетной записи Google Analytics и заканчивая ее настройкой и анализом полученных данных. Вы узнаете, как легко и эффективно установить трекинг, не требуя специальных технических навыков. Благодаря этому вы сможете более точно понимать потребности вашей аудитории и принимать обоснованные решения для развития вашего сайта.

Подключение Google Analytics к WordPress

Если у вас еще нет учетной записи Google Analytics, создайте ее. Перейдите на сайт Google Analytics и следуйте инструкциям для создания новой учетной записи. Полученный идентификатор отслеживания будет использоваться для дальнейшей настройки.

P.S.: Мы будем рассматривать подключение GA4 на WP с использованием GTM и плагина GTM4WP. Почему? Потому что она оптимальна для сайтов, которым нужна настройка электронной торговли в аналитике, но у них нет возможности привлечь для этой настройки программиста.

Этапы настройки:

1. В первую очередь нам нужно создать Google Analytics 4 и Google Tag Manager для нашего сайта.

2. Установка и активация плагина GTM4WP: Для этого перейдите в административную панель WordPress, выберите раздел «Плагины» → «Добавить новый». В поисковой строке введите «GT4WP» и нажмите «Установить», а затем «Активировать». 

3. Настройка GT4WP: После активации плагина перейдите в раздел «Настройки»:

→ «General»:

И в пункте “Google Tag Manager ID” укажите идентификатор вашего GTM:

P.S.: Примерно в 30% случаев нам пишут, что настройка не работает. И причина этих 30% случаев в том, что при копировании идентификатора часто до или после него добавляется пробел — обязательно проверьте это перед завершением настройки.

Напротив пункта “Container code ON/OFF” выберите “on” или “off”.

P.S.: Если ранее на сайт не добавлялся GTM каким-либо способом, то нам нужно указать здесь “on”.

Перейдите в раздел “Integration” > “WooCommerce” и поставьте галочку напротив пункта “Track enhanced e-commerce”.

4. На официальном сайте есть готовый набор тегов, триггеров и переменных, который нужно импортировать в ваш контейнер GMT. Вы можете воспользоваться этой инструкцией

5. Проверка и анализ данных: После настройки и сохранения изменений важно убедиться, что данные корректно передаются в Google Analytics. Используйте режим «Реального времени» в Google Analytics, чтобы проверить активность на сайте.

P.S.: Подключение GA4 по этой инструкции и настройка электронной торговли занимает порядка 15 минут. Но, есть здесь и подводные камни. Первый — пробел в поле для ввода. Этот момент был описан выше в статье. Второй — наличие кастомной “сенкью пейдж”. Если вы вносили изменения на сайте и изменили URL “сенкью пейдж”, то событие purchase скорее всего не будет передаваться в dataLayer push. Третий — после первичной настройки плагина бывает ситуация, что плагин самостоятельно отключает галочки, которые вы ранее поставили в настройках. То есть, вам просто нужно перепроверить, все ли настроено так, как указано в инструкции выше. Четвертый — если GTM на сайте не появился, а вы уверены, что все настроено верно — напишите программисту, чтобы он почистил кеш.