Ознакомьтесь со всеми этапами процесса настройки целей Google Analytics для вашего White Label.     

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

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

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

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

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

Откроется форма создания контейнера.

• Название контейнера — можете указать здесь адрес White Label.
• Место использования контейнера — укажите Веб-сайт.
• Нажмите Создать.
• Примите соглашение об условиях использования.

Появится окно с кодом Тег Менеджера.

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

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

Скопируйте код из второго блока Тег Менеджера и разместите его во вкладке Шапка в самом верху:

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

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

Затем «Показать дополнительные параметры», поставить отметку «создание ресурса UA» и «Создать только ресурс UA». 

Заполните все поля.

После создания ресурса у вас появится идентификатор отслеживания вида UA-124634273-2. Он нам понадобится позже.

Теперь всё готово для определения показателей и настройки целей.

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

Теперь нам нужно определить, по каким признакам аналитика будет отслеживать клики на сайте. Стандартный набор — это клики:

• по кнопке Купить в результатах поиска авиабилетов;
• по ссылкам под кнопкой Купить;
• по кнопке Купить на странице отеля.

Чтобы определить признаки, перейдите в Google Tag Manager и добавьте новую встроенную переменную:

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

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

Нажмите в поле Конфигурация тега и выберите тип тега Google Analytics.

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

Нажмите Сохранить, затем сохраните тег и в открывшемся окне выберите Добавить триггер (или нажмите на область триггеров под настройками тега).

Нажмите на All pages и сохраните тег.

Далее нам нужно создать триггер для отслеживания всех кликов. В боковом меню выбираем пункт Триггеры и создаём новый триггер.

Нажмите на Настройки триггера и выберите тип Клик — Все элементы.

Сохраните настройки. В верхнем меню Тег Менеджера нажмите кнопку Отправить. Поля можно не заполнять. Нажмите кнопку Опубликовать.

Наши настройки сохранились — всё готово для работы. Нажмите кнопку Предварительный просмотр (рядом с кнопкой Отправить).

Теперь самое интересное — откройте ваш White Label в том же браузере, где открыт Тег Менеджер. 

Если всё настроено правильно, то панель Тег Менеджера откроется в соседней вкладке от страницы, на которой проводится дебаг.

Обратите внимание! Ряд расширений для браузера (созданных для блокировки рекламы) не дают загружаться Тег Менеджеру. Отключите их, чтобы провести дальнейшую настройку.

Нажмите на кнопку Купить. В панели Тег Менеджера отобразится ваш клик — gtm.click. Перейдите на вкладку Variables и скопируйте значение переменной Click Classes до первого пробела.

В нашем примере это ticket-action-button-deeplink.

Именно по этому классу мы будем отслеживать клики по кнопке Купить в Аналитике. Прокликайте другие элементы, которые хотите отслеживать, и сохраните классы для них.

Всё готово для финальной настройки Аналитики.

Настройка целей в Google Analytics

Перейдите в Тег Менеджер и создайте новый тег с типом Событие. Заполните поля Категория и Действие. Они нам понадобятся при настройке целей.

Например, в этих полях можно прописать:

• Категория — avia.
• Действие — button_clicks.

Добавьте новый триггер.

В качестве типа триггера выберите Клик — Все элементы. В настройках измените условия активации на Некоторые клики. В появившемся блоке выберите тип Click Classse содержит и наш класс, который мы нашли ранее на сайте. В нашем случае это ticket-action-button-deeplink.

Сохраните триггер и тег под новым именем и отправьте изменения с помощью кнопки Отправить.

Перейдите в Аналитику и создайте новую цель (Администратор — выбираем наш ресурс и в разделе Представления выбираем Цели и жмем кнопку +Цель).

В разделе Установка цели выберите Собственная.

Введите название цели и выберите тип Событие.

В Подробных сведениях о цели укажите Категорию и Действие. Такие же, как в настройках триггера в Тег Менеджере.

Нажмите Сохранить. Теперь нужно проверить нашу цель. Перейдите в раздел Отчёты — В режиме реального времени и выберите пункт Конверсия. Откройте White Label и совершите целевое действие (например, кликните на кнопку Купить).

Если всё настроено правильно, у вас отобразится активный пользователь на сайте и после клика добавится достижение цели.

Повторите шаги для других элементов, для которых вы хотите отслеживать клики.