Быстро и бесплатно: как интегрировать Calltouch и Google Analytics 4

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

Оптимизируйте маркетинг и увеличивайте продажи вместе с Calltouch

Узнать подробнее

Кратко о том, что такое Google Analytics 4

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

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

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

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

Инструкция по интеграции GA4 и Calltouch 

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

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

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

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

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

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

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

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

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

Настройка сервиса Albato

Для передачи событий о звонках в Google Analytics 4 мы будем использовать сервис Albato. Albato – конструктор интеграций, с помощью которого можно легко и быстро настроить любую связку. Отметим, что для клиентов Calltouch все интеграции, в которых присутствует Calltouch, бесплатные.

Регистрируем учетную запись в сервисе по ссылке: 

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

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

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

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

4. 4. В поле «Урл» вставляем ссылку: https://www.google-analytics.com/mp/collect?measurement_id=G-XXXXXXX&api_secret=YYYYYYYYYYYY

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

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

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

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

У нас ссылка получилась такая:
https://www.google-analytics.com/mp/collect?measurement_id=G-FZXMD48JVD&api_secret=YYYYYYYYYYYY

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

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

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

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

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

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

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

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

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

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

13. 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

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

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

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

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

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

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

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

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

Настраиваем связку для передачи событий из Calltouch в Google Analytics 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот и все. Используйте эту инструкцию, чтобы настроить интеграцию между Calltouch и Google Analytics 4. 

Если что-то будет непонятно — не расстраивайтесь. Свяжитесь с вашим менеджером Calltouch, сообщите, что вам нужно настроить передачу данных в Google Analytics 4, и вам помогут с настройкой.

Понадобятся данные от вашего аккаунта Google Analytics и доступ в систему Albato (напоминаем, что связки с Calltouch, в рамках данного сервиса для наших клиентов абсолютно бесплатны).

Предложения от наших партнеров

Online CRM для автосервиса

До 3-х месяцев CRM-системы для автосервисов

Рекламное агентство

Бесплатная часовая сессия с ведущим маркетологом

Маркетинговое агенство

Технический аудит вашего сайта за 50 рублей

Сервис мониторинга и оптимизации интернет-рекламы

Три дня бесплатного пользования сервисом

Облачная платформа

Персональное предложение и скидка на подписку

Агентство интернет-маркетинга

Бесплатный аудит рекламных аккаунтов и скидка 30% на ведение контекстной рекламы