Извлечение и передача User ID в GA с помощью GTM на примере Moguta.CMS. Пошаговая инструкция

 

Во время прибывания в Интернете люди часто используют множество устройств: это компьютер дома, на работе, смартфоны, планшеты, у родственников, друзей и т.д. Но стандартные отчёты систем аналитики засчитывают их как разных посетителей.

Если у вас интернет-магазин или портал, на которых можно пройти процесс регистрации и использовать одну учётную запись на всех устройствах, то функция User ID поможет “склеить” все эти устройства в одного уникального посетителя. Это позволит точнее сформировать различные отчёты о пользователях сайта.

В этой статье речь пойдёт о том, как извлечь ID пользователя на движке интернет-магазина Moguta.CMS без использования плагинов и передать его в User-ID Google Аналитики с помощью ГТМ для дальнейшей обработки.

Шаг 1. Подключение контейнера Google Tag Manager в Moguta.CMS

Подключим ГТМ и Google Аналитику к сайту. Как это делается – читаем здесь, но если мы используем стандартный шаблон Могуты moguta-standard или в нём просто дизайн немного подогнали под себя, то в нашем случае код Google Tag Manager вставляем в файл mg-templates/moguta-standard/template.php

Первую часть кода ГТМ вставляем в начале после meta-тегов

а вторую – сразу после тега <body>

Шаг 2. Скрипт для создания cookie-файла userID в шаблоне Moguta.CMS

Открываем файл mg-templates/moguta-standard/components/auth/login/link/link.php и между закрывающим тегом </a> и <?php else: ?> вписываем следующий код:

<script type="text/javascript">
	document.cookie = "userID=<?php echo (!empty($userArr['id'])) ? $userArr['id'] : lang('authAccount'); ?>; path=/";
</script>

Именно в это место этот скрипт вставляется для того, чтобы он выполнялся только в тот момент, когда пользователь вошёл в магазин под своей учётной записью.

Этот скрипт создаст cookie-файл userID, который будет передавать id зарегистрированного в магазине пользователя в Google Tag Manager.

Также PHP-скрипт <?php echo (!empty($userArr[‘id’])) ? $userArr[‘id’] : lang(‘authAccount’); ?> для Могуты запишет значение самого идентификатора.

Есть ещё один интересный момент: для редактирования файлов шаблона moguta-standard используйте файловый менеджер, который встроен в Могуту. Для этого перейдите Настройки магазина – Шаблоны, и справа увидите кнопку Файловый менеджер

Шаг 3. Создание и настройка представления User ID в Google Аналитике

Переходим в раздел Администратор и в колонке Ресурс во вкладке Отслеживание кликаем по пункту User ID

Здесь необходимо принять правила Google в отношении User-ID. Принимаем

Жмём кнопку Далее. Появится Настройка User-ID, в котором предлагается добавить код отслеживания.

Пропускаем – жмём Далее.

Теперь необходимо создать представление User-ID.

Жмём Создать

Отслеживаемые данные – выбираем Веб-сайт, Название представления – назовём User ID, включаем Показать отчёты User-ID

и жмём Создать представление

Готово! В третьей колонке у нас появилось только что созданное представление User ID

В настройках представления желательно выставить свою валюту. У нас в России – российский рубль RUB

Шаг 4. Создание Специального параметра User ID в Google Аналитике

В колонке Ресурс в меню Пользовательские определения жмём на пункт Специальные параметры

 

Попадаем в таблицу специальных параметров

Жмём +СПЕЦИАЛЬНЫЙ ПАРАМЕТР. Появится форма добавления пользовательского параметра. В Названии пишем User ID, Область действия – выбираем Пользователь, ставим галочку Активная

Жмём Создать

Появится окошко с кодом для вставки.

Сам код нам не нужен, но стоит обратить внимание на параметр во второй строке dimension1 – в нём цифра 1 – это индекс, который будем использовать в настройках ГТМ.

Жмём Готово и видим наш только что созданный специальный параметр.

Шаг 5. Настройка пользовательских переменных в Google Tag Manager для передачи значений userID в Google Аналитику

В ГТМ в Переменных создадим пользовательскую переменную, назовём её Cookie – UserID, выбираем тип Основной файл cookie

В Названии cookie впишем userID (так прописано в скрипте на Шаге 2, лучше не изменять!)

Сохраняем.

После этого открываем переменную с настройками идентификатора Google Analytics, в ней вкладку Дополнительные настройки, и пропишем там следующие настройки:

в Полях, которые необходимо задать

  • Название поля – &uid
  • Значение – {{Cookie – UserID}}

в Специальных параметрах

  • Индекс – 1 (тот индекс, который выдал нам Google Analytics, как описано в Шаге 4)
  • Значение параметра – {{Cookie – UserID}}

Если у вас все настройки Google Analytics хранятся только в теге, то зайдите туда, поставьте галочку Включить переопределение настроек в этом теге, в Идентификаторе отслеживания укажите id вашего счётчика и во вкладке Дополнительные настройки выполните аналогичные манипуляции, как описано выше.

Готово! Сохраняем и опубликовываем контейнер.

Проверка и отчёты

Теперь когда залогиненый пользователь сайта смотрит или читает страницы сайта, или совершает какие-либо иные действия (покупка товаров, заказ услуг, отправка сообщений через форму обратной связи и т.п.), у него в браузере находится кука userID

В GTM в режиме предварительного просмотра во вкладке Variables можно увидеть соответствующие параметры и значения

а также значение нашей куки

В Google Аналитике в стандартном представлении войдите в Отчёты – Аудитория – Поведение – Охват User-ID и увидите там уже собранные данные

  • Unassigned – незарегистрированные посетители
  • Assigned – зарегистрированные пользователи

Также, когда на сайте находится зарегистрированный пользователь, в представлении User ID на главной странице в режиме реального времени отображается активность посетителей

Ещё в представлении User ID можно посмотреть статистику по пользователям. Для этого необходимо перейти в Отчёты – Аудитория – Статистика по пользователям

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

Доступно станет ещё много отчётов, но на этих пока остановимся.

Поделиться ссылкой:

 

Читайте также