Google Analytics 4

В 2020 году Google выкатил новую аналитическую платформу – Google Analytics 4. Эта версия отличается от Universal Analytics – той, которую мы все используем сейчас. В основе GA4 – события на сайте, которые отслеживаются с помощью Google Tag Manager (event-driven data model), а не сеансы. 

С помощью Google Analytics 4 вы получите кроссплатформенную аналитику. То есть сможете отслеживать путь пользователей, которые пользуются разными устройствами и платформами. Одна из фишек GA4 – предиктивная аналитика. Отчеты умеют прогнозировать отток пользователей, вероятность конверсии и не только. 

Google активно предлагает переходить на новую версию, однако на текущий момент есть причины использовать одновременно обе версии:

1. Альтернативная модель сбора данных и интерфейс. Требуется время, чтобы привыкнуть к нововведениям и корректно их использовать.
2. API для GA4 находится в alpha-версии, из-за чего другие сервисы не спешат добавлять его поддержку для передачи событий.
3. В то же время, рано или поздно, пора будет переезжать, поэтому данные можно начинать собирать уже сейчас.

Мы знаем, что наши клиенты используют аналитику от Google вместе с инструментами Calltouch: коллтрекингом, обратным звонком и виджетами для увеличения конверсии. Например, на сайте есть обратный звонок Calltouch, и данные о звонках с формы надо передать в аналитику на своей стороне. Поэтому подготовили пошаговый гайд – как связать Calltouch с GA4, чтобы вы смогли обогатить свою аналитику. 

Если у вас уже установлен и настроен тег Google Analytics 4, то переходите к пункту «Конструктор интеграций».

Предварительная настройка GA4

1. Откройте настройки > раздел «Администратор». Выберите ваш текущий аккаунт и ресурс, в котором вы отслеживаете статистику. Нажмите на кнопку «Ассистент настройки GA4» под названием ресурса.

2. В новом окне необходимо нажать на кнопку «Начать» для создания нового ресурса Google Analytics 4.

3. В открывшемся окне жмем на «Создать ресурс».

4. В новом окне жмём кнопку «Посмотреть ресурс GA4»

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

6. Если адрес сайта неверный, удалите текущий поток и создайте новый.

7. После создания корректного потока кликните по нему в списке потоков и установите код одним из предложенных способов.

8. Если на сайте уже установлен код gtag.js, то код GA4 можно инициировать с помощью дополнительной директивы вместо нового кода. Подробнее об этом вы можете прочитать в справке Google здесь.

Конструктор интеграций

Для передачи событий о звонках в Google Analytics 4 мы будем использовать конструктор интеграций. 

Добавляем подключение к Google Analytics 4

1. В личном кабинете Calltouch заходим на вкладку Интеграции.  подключения, нажимаем на кнопку «Добавить подключение».

Навести на иконку Calltoch и кликнуть на кнопку "перейти в конструктор"

На вкладке "Подключения" нажать на кнопку "Добавить подключение"

2. В правом выпадающем списке находим сервис «HTTP запрос» и нажимаем «Добавить подключение».

3. По очереди заполняем поля. Название: Google Analytics 4

4. В поле «Урл» вставляем ссылку:

 https://www.google-analytics.com/mp/collect?measurement_id=G-XXXXXXX&api_secret=YYYYYYYYYYYY
   

5. Открываем панель администратора Google Analytics 4, переходим в раздел «Потоки данных».

6. В новом окне выбираем поток с вашим адресом сайта.

7. В открывшемся окне копируем идентификатор потока данных и подставляем его в ссылку.

У нас ссылка получилась такая:

https://www.google-analytics.com/mp/collect?measurement_id=G-FZXMD48JVD&api_secret=YYYYYYYYYYYY
   

9. В новом окне нажимаем кнопку «Я подтверждаю».

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

11. После согласия кнопка «Создать» станет активна. В противном случае перезагрузите страницу и повторите шаги, начиная с 6-го.

12. В появившемся окне вводим название для секретного ключа, например Calltouch, и жмем кнопку «Создать».

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

Наша ссылка стала выглядеть так: 

 https://www.google-analytics.com/mp/collect?measurement_id=G-FZXMD48JVD&api_secret=mhlofdkCT2q_rIosUCjw_Q
   

Внимание! Вы должны подставить свои значения.

14. Получившуюся ссылку вставляем в поле «Урл».

15. В поле «Параметры HTTP-запроса» рекомендуем просто вставить следующее:

client_id

 events.0.name

 events.0.params.communication_id

 events.0.params.communication_page_url

 events.0.params.campaign_name

 events.0.params.visitor_id

 events.0.params.communication_number
   

16. Поле «Заголовки» оставляем пустым, а в поле«Content-Type» выбираем Json и жмем «Далее».

Добавляем подключение к Calltouch

1. Возвращаемся на вкладку подключения, нажимаем кнопку «Добавить подключение».

 2. В правом выпадающем списке находим сервис «Calltouch» и нажимаем «Добавить подключение».

3.Название указываем «Calltouch».

4. Чтобы узнать ID сайта и Ключ API необходимо перейти в настройки личного кабинета Calltouch.

5. На открывшейся странице необходимо активировать передачу по API и скопировать ID личного кабинета (ID сайта) и Токен (Ключ API).

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

6. Должно получиться так, как на скриншоте ниже. Поля «Атрибуты» и «Пользовательские поля сделки» оставляем пустыми. Жмем «Далее».

Создание связки

Переходим на вкладку «Мои связки» и «Создать связку» > «Новая».

Дальше создаем связку с теми настройками, которые указаны ниже. 

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

2. Выбираем режим работы «В реальном времени», чтобы события в Google Analytics 4 уходили сразу.

3. Поле «Задержка загрузки» оставляем пустым, модель атрибуции – «Последний непрямой», тип подключения – API. Загружать каждую стадию звонка лишь единожды  – ставим галку.

4. После шага 3 мы автоматически попадаем на шаг 5, на промежуточном этапе происходят автоматические настройки, в которых мы не участвуем.

5. Выбираем сервис, куда будем отправлять данные. В нашем случае это HTTP-запрос, и выбираем действие и созданное подключение.

6. Заполняем поля так же, как на скриншоте ниже. «Урл» не заполняем, адрес будет взят из подключения. Для быстрого поиска рекомендуем использовать поиск значений.

7. Нажимаем «Далее». В итоге получится такая связка. 

Обработка звонков без Google Client ID

Для передачи событий в Google Analytics необходим Client ID, который назначает Google Analytics каждому браузеру, но в ряде случаев он может не определиться. Например, был заблокирован счетчик Google Analytics или звонок поступил по статическому номеру. Чтобы учесть и такие звонки, необходимо им добавить случайный идентификатор, пусть это будет 1. Рассказываем, как это сделать.

 1. На странице связки под блоком «Calltouch: Входящий звонок» нажимаем «+» и «Инструмент».

2. Выбираем «Табличная замена» и переходим к ее созданию.

3. Название – google_client_id. Значение выбираем из выпадающего списка – пользуйтесь поиском. Добавляем условие, что если данное значение пустое, то заменяем его на 1. Для этого первое поле оставляем пустым, а в поле «То заменить» подставляем 1. В поле «Иначе» подставляем Google Client ID из данных Calltouch.

4.Нажимаем «Сохранить» и открываем настройки HTTP-запроса, чтобы подставить обработанное значение.

5. Удаляем текущее значение из поля client_id и подставляем новое.

Должно получиться так:

Сохраняем изменения.

6. Запустите работу связки, нажав соответствующую кнопку.

Заголовок слайдера

1

/

5

Текст слайда

Текст слайда