Как настроить аналитику на сайте интернет-магазина с помощью Google Tag Manager

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

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

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

Google Tag Manager — это бесплатный инструмент от Google. Он позволяет добавлять на сайт коды отслеживания без программиста. Все можно настроить через удобный интерфейс.

Раньше, чтобы узнать, кто нажал кнопку «Купить», приходилось просить программиста вставить код. С GTM вы можете сделать это сами — в пару кликов.

Что именно можно отследить:

• Какие товары чаще всего смотрят;
• Что добавляют в корзину;
• На каком шаге оформления люди уходят;
• Какие товары покупают, а какие игнорируют.

Сайт собирает информацию о действиях покупателей и складывает ее в специальное «хранилище». Это хранилище называется dataLayer.

Представьте: это как тетрадь, в которую сайт записывает: «Покупатель посмотрел кроссовки», «Положил в корзину», «Ушел с сайта на этапе оплаты».

На сайтах 4Partners это «хранилище» уже встроено. Вам остается просто настроить, куда эти записи отправлять — в Google и «Яндекс».

Google Tag Manager сам по себе не анализирует данные, а просто собирает их. И чтобы эти данные превратились в понятную статистику, нужен Google Analytics. Именно туда GTM отправит информацию:

• Какие товары смотрели;
• Сколько стоила покупка;
• На каком шаге пользователь ушел.

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

Зайдите в Google Analytics, найдите раздел Администратор → Потоки данных. Там включите настройку «Улучшенная статистика» — это разрешит системе собирать данные.

Если вы еще не устанавливали Google Tag Manager на сайт — это делает программист один раз. Он добавит специальный код на сайт. Дальше вы сможете работать через интерфейс сами. А еще — вы можете написать в поддержку 4Р, и мы тоже поможем настроить Google Tag Manager бесплатно.

Если вы еще не устанавливали
Google Tag Manager на сайт — это делает программист один раз. Он добавит специальный код на сайт. Дальше вы сможете работать через интерфейс сами. А еще — вы можете написать в поддержку 4Р, и мы тоже поможем настроить Google Tag Manager бесплатно.

Внутри Google Tag Manager вы указываете, какие действия хотите отслеживать:

• Просмотр товара;
• Добавление в корзину;
• Начало оформления;
• Покупку.

Это делается с помощью шаблонов, которые уже подготовлены. Вам нужно просто выбрать нужные пункты — как в анкете.

Перейдите в Google Tag Manager → Переменные.

Нажмите «Создать переменную».

Назовите ее, например, GTM E-commerce DataLayer.
Тип переменной — Data Layer Variable.
Эта переменная будет «ловить» информацию с сайта, например: список товаров в корзине; стоимость доставки; номер заказа и т.д.

Перейдите в Google Tag Manager → Переменные.

Нажмите «Создать переменную».

Назовите ее, например,
GTM E-commerce DataLayer.
Тип переменной — Data Layer Variable.
Эта переменная будет «ловить» информацию с сайта, например: список товаров в корзине; стоимость доставки; номер заказа и т.д.

Пример:

Теперь нужно сделать так, чтобы все собранные данные уходили в Google Analytics. Для этого в Google Tag Manager выбираете «действие», например, «Покупка»; указываете, куда передать информацию; сохраняете.

Вы говорите системе: «Если человек оформил заказ — отправь данные в Google: что купил, на какую сумму, какая доставка».

Теперь нужно сделать так, чтобы все собранные данные уходили
в Google Analytics. Для этого в Google Tag Manager выбираете «действие», например, «Покупка»; указываете, куда передать информацию; сохраняете.

Вы говорите системе: «Если человек оформил заказ — отправь данные в Google: что купил, на какую сумму, какая доставка».

Создаем два тега:

Первый тег — все действия до покупки

1. Название: GA4 - GTM_without_purchase

2. Тип: GA4 Event

3. Название события: {{Event}}

4. Параметр: items = {{ecommerce.items}}

Что это отслеживает: человек посмотрел товар, добавил в корзину, начал оформление — все, кроме самой покупки.

Второй тег — покупка

1. Название: GA4 - GTM_purchase

2. Тип: GA4 Event

3. Название события: purchase

4. Параметры:

gtag('event', 'purchase', {
  items: {{GTM ecommerce.items}},
  transaction_id: {{GTM ecommerce.transaction_id}},
  affiliation: {{GTM ecommerce.affiliation}},
  value: {{GTM commerce.value}},
  shipping: {{GTM ecommerce.shipping}},
  currency: {{GTM ecommerce.currency}}
});

Что это даст: вы будете точно знать, что человек купил, за сколько, какая доставка и как прошел заказ.

Пример:

Для этого создаем триггер — это условие, при котором включается отправка данных.

Для первого тега:

• Название: GA4 - GTM_ecommerce_events_purchase

• Тип: Событие

• Срабатывает при действиях:

view_item_list | select_item | view_item |
add_to_cart | remove_from_cart |
begin_checkout | add_payment_info

Важно:
Не включаем purchase — он будет отдельно.

Для второго тега:

• Тип: Событие
• Название: purchase

Когда данные отправляются в Google, вы можете включить их и для «Яндекса». Это делается в настройках счетчика.

Что делать:

1. Зайдите в «Яндекс.Метрику» → Настройка (код счетчика)
2. Найдите и включите «Отправка данных электронной коммерции»
3. Обновите код на всех страницах сайта

Что это даст: «Яндекс» тоже будет собирать данные о покупках. Это поможет анализировать, где и как люди совершают заказы.

→ Чтобы понять, почему покупатели не завершают покупку, нужно отслеживать их поведение на сайте — от просмотра товара до оформления заказа.

→ Google Tag Manager позволяет настроить отслеживание действий на сайте без программиста — все делается через удобный интерфейс.

→ С помощью GTM можно отследить: какие товары смотрят, что кладут в корзину, где уходят и что в итоге покупают.

→ Вся информация о действиях сохраняется в специальном хранилище (dataLayer). Вы сами выбираете, какие данные туда попадут.

→ Чтобы данные ушли в Google Analytics, достаточно создать теги и указать, при каких действиях они должны срабатывать.

→ Для покупки создается отдельный тег. Он показывает: что купил покупатель, за какую сумму и с какой доставкой.

→ После настройки Google Tag Manager можно включить сбор этих же данных и в «Яндекс.Метрике» — для этого достаточно активировать одну опцию в настройках счетчика.