Google Analytics 4

Содержание

О 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, чтобы вы смогли обогатить свою аналитику. 

 

Интеграция GA4 и Calltouch

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

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

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

 

Google___________2021-10-19_17-59-08.png

 

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

 

Google___________2021-10-19_18-08-02.png

 

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

 

Google___________2021-10-19_18-06-58.png

 

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

 

Google___________2021-10-19_18-08-46.png

 

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

 

Google___________2021-10-19_18-08-46.png

 

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

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

 

unnamed.png

 

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

 

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

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

 

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

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

mceclip0.png

 

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

 

mceclip1.png

mceclip2.png

 

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

 

mceclip3.png

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

 

Albato_2021-10-20_11-59-19__1__cr.png

 

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

Albato_2021-10-20_16-04-38.png

 

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

Параметры XXXXXXX и YYYYYYYYYYY в ссылке  необходимо заменить на ваши. Для этого переходим к следующему пункту.

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

 

Google___________2021-10-20_12-45-49.png

 

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

unnamed__1_.png

 

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

 

Google___________2021-10-20_12-51-33.png

 

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

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

8. Опускаемся по странице ниже и открываем раздел «О Measurement Protocol API».

 

Google___________2021-10-20_13-01-39.png

 

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

 

Google___________2021-10-20_13-10-44.png

 

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

 

Google___________2021-10-20_13-05-14.png

 

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

 

Google___________2021-10-20_13-22-36.png

 

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

 

Google___________2021-10-20_15-57-18.png

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


Google___________2021-10-20_15-57-45.png

 

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

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

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

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


Albato_2021-10-20_15-55-52.png

 

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

Albato_2021-10-20_16-05-23.png

 

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

 

Albato_2021-10-20_16-07-17.png

 

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

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

 

mceclip4.png

 

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

 

Albato_2021-10-20_16-33-39.png

 

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

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

 

_______________________________________Calltouch_______2021-10-20_16-36-19.png

 

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

 

______________________API__Webhooks______________Calltouch_______2021-10-20_16-37-54.png

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

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

 

unnamed__2_.png

 

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

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

 

mceclip5.png

 

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

 

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

 

Albato_2021-10-20_16-55-36.png

 

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

 

Albato_2021-10-20_17-17-51.png

 

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

 

Albato_2021-10-20_17-21-14.png

 

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

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

 

snimok-ekrana-2021-10-26-v-14.54.15.png

 

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


snimok-ekrana-2021-10-26-v-14.54.53.pngAlbato_2021-10-20_17-34-37.png

 

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

snimok-ekrana-2021-10-26-v-14.56.26.png

 

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

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

 

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

 

Albato_2021-10-20_17-36-44.png

 

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

 

snimok-ekrana-2021-10-26-v-14.59.21.png

 

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

 

Albato_2021-10-27_17-49-46.png

 

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

 

Albato_2021-10-20_17-57-09.png

 

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

 

Albato_2021-10-20_17-58-06.png

 

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

 

Albato_2021-10-20_17-59-58.png

 

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

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

 

Albato_2021-10-20_18-01-46.png