Как с помощью Google Analytics GA4 отследить клики по кнопке Купить на White Label

Весь процесс настройки Google Analytics для White Label делится на три этапа: 

  1. Создание и настройка аккаунта в Google Tag Manager и Analytics.
  2. Определение параметров, по которым будут отслеживаться действия на White Label.
  3. Проверка статистики в Google Analytics.

Создание и настройка аккаунта в Google Tag Manager и Analytics

1. Перейдите по ссылке https://tagmanager.google.com/ и создайте новый аккаунт.

2. Заполните поля:

  • Название аккаунта — укажите любое название, например, имя вашего White Label.
  • Страна — выберите Россия или ту страну, откуда будет идти основной трафик.
  • Название контейнера — можете указать здесь адрес White Label.
  • Целевая платформа — укажите Веб-сайт.

3. Нажмите Создать и примите соглашение об условиях использования. Появится окно с кодом Менеджера тегов.

4. Скопируйте код из первого поля и разместите его в блоках кода в настройках White Label на вкладке Мета-данные и сохраните изменения.

Обратите внимание! Код нужно размещать для всех типов страниц (главная, авиа и отельная выдача, страница отеля). Также важно помнить, что код должен быть размещён во все языковые блоки. Если вы добавили три языка для своего White Label, то код нужно разместить для всех трёх языков и для всех типов страниц у этих языков.

5. Скопируйте код из второго поля Менеджера тегов и разместите его на вкладке Мои блоке в поле Хедер сайта в самом верху и сохраните изменения.

Обратите внимание! Код нужно размещать для всех языков, которые вы добавили в White Label.

6. Перейдите на сайт Google Analytics и создайте новый ресурс (Администратор — Создать — Ресурс).

7. Заполните все поля. На последнем шаге выберите Веб и настройте веб поток, указав адрес вашего сайта и его название.

8. Нажмите Создать и продолжить.

9. После этого вы получите идентификатор потока, кликните на него.

10. Откроется окно Сведения о веб-потоке. Скопируйте значения из поля идентификатор потока данных.

11. Вернитесь в Google Tag Manager и создайте новый тег.

12. В поле Конфигурация тега выберите Google Аналитика -> Тег Google.

15. Вставьте ранее скопированный идентификатор потока данных в поле Идентификатор тега. В поле Триггеры выберите All pages.

16. После этого обязательно опубликуйте все изменения. Для этого нажмите кнопку Отправить на главной странице Google Tag Manager.

Определение параметров, по которым будут отслеживаться действия на White Label

События по просмотру страницы, скролу и т.п. Автоматически начнут собираться в Google Аналитике. Чтобы отслеживать клики по кнопке Купить, нужно выполнить дополнительные действия.

1. Перейдите в Google Tag Manager и добавьте новую встроенную переменную:

2. Нажмите кнопку Настроить и отметьте галками переменные Click Element и Click Classes:

3. Далее перейдите на вкладку Триггеры и нажмите Создать. Тут мы укажем, какие условия должны произойти, чтобы событие клика по кнопке Купить упало в статистику.

4. В открывшемся окне в поле Тип триггера выберите Клик Все элементы. В параметре Условия активации - Некоторые клики. Далее выберите Click Classes -> содержит ->

5. В последнем окошке нужно указать класс нужного элемента. В нашем случае это как раз клик по кнопке Купить на White Label.
Класс можно найти с помощью консоли, для этого перейдите на ваш White Label, осуществите поиск, чтобы попасть на страницу выдачи авиабилетов.
Откройте консоль разработчика в браузере и кликните иконку в левом верхнем углу:

Наведите курсор на кнопку Купить. Справа отобразится класс элемента. В нашем примере это ticket-action-button-deeplink ticket-action-button-deeplink–. 

5. Вставьте это значение в поле триггера, дайте ему название и сохраните изменения.

6. Перейдите в раздел Теги и создайте новый тег.

7. Кликните поле Конфигурация тега и выберите тип тега Google Аналитика -> Google Аналитика cобытие GA4.

8. В открывшемся окне укажите Идентификатор потока данных нашего Analytics (мы его получили в начале статьи, также его можно посмотреть в Администратор -> Настройки ресурса в Аналитике).

В поле Название события укажите название, по которому вам будет удобно искать события в Google Аналитике, например, book.

9. В поле Триггер выберите ранее созданный триггер.

10. Сохраните настройки,

11. После этого обязательно опубликуйте все изменения. Для этого нажмите кнопку Отправить на главной странице Google Tag Manager.

Проверка статистики в Google Analytics

1. Перейдите в аналитику на вкладку отчёты.

2. Выберите Отчет в реальном времени.

3. Отобразится отчет, где можно отследить все события. В нижней части экрана вы найдёте Количество событий с разбивкой по параметру. 

4. Перейдите на свой WL и кликните на кнопку Купить. Убедитесь, что клик отобразился в статистике с ранее заданным названием.

Обратите внимание:

  • Для успешного тестирования событий нужно убедиться, что все изменения в Google Tag Manager опубликованы, иначе данные могут не попасть в Google Analytics.
  • Задержка между кликом и его отображением в Google Analytics может составлять до нескольких секунд.

Далее вы можете аналогичным образом добавить в статистику клики по кнопке Купить в отельной выдаче и других страницах вашего White Label, для этого достаточно добавить дополнительные классы в настройку триггера и опубликовать новую версию.