Как подключить сервисы аналитики

Как это работает

Подключите аналитику к вашему сайту, чтобы отслеживать события, связанные с действиями пользователей на вашем сайте, а также события платежного интерфейса. Site Builder поддерживает автоматическую интеграцию с сервисом Google Analytics с возможностью получать расширенную аналитику событий сайта и платежного интерфейса. Кроме этого, вы можете подключить любой сервис аналитики с помощью Google Tag Manager и получать расширенный список событий вашего сайта и платежного интерфейса. Вы можете настроить аналитику с помощью:

Примечание
Если в проекте отдельно настроена аналитика для продукта Pay Station, при настройке Google Analytics или Google Tag Manager события платежного интерфейса будут приходить повторно с пометкой landing в названии событий.
Внимание

Xsolla соблюдает международные стандарты защиты данных пользователей. При подключении сторонних сервисов аналитики могут собираться не все данные от пользователей ввиду законодательных актов GDPR и CCPA.

Чтобы сбор данных осуществлялся законно, нужно получить на него согласие пользователя. Пользователь может ознакомиться с условиями сбора данных в cookie-баннере. В зависимости от региона пользователя и ограничений законодательных актов, данные собираются в одном из следующих случаев:

  • пользователь согласился на отслеживание и принял все файлы cookie;
  • пользователь не отказался от отслеживания.

Также на сбор аналитики влияют:

  • блокировщики рекламы — могут блокировать аналитические системы и препятствовать отслеживанию;
  • браузеры — Safari, Firefox, Brave могут блокировать сторонние файлы cookie или ограничивать их отслеживание по умолчанию.

Глоссарий

Событие
Действие пользователя, при совершении которого информация отправляется в систему Google Analytics 4.
Категория события
Специальный параметр event_category, значение которого передается при отправке событий с сайтов, созданных в Site Builder. Значения параметра представляют собой наименования блоков сайта.
Ярлык события
Специальный параметр event_label, значение которого передается при отправке событий с сайтов, созданных в Site Builder. Значения параметра представляют собой дополнительные сведения, уточняющие события.
Описание
Описание пользовательского действия, при совершении которого событие отправляется в систему Google Analytics.

Подключение Google Analytics

Примечание
События, которые можно отслеживать на вашем сайте с помощью сервиса Google Analytics, перечислены в разделе Расширенный список событий.

  1. Создайте аккаунт Google Analytics с типом ресурсов Google Analytics 4.

  1. Получите ID сервиса:
    1. В боковом меню выберите пункт Администратор.
    2. На вкладке Администратор выберите необходимый аккаунт и ресурс.
    3. Перейдите в раздел Потоки данных.
    4. Нажмите на нужный поток данных.
    5. Скопируйте ID потока данных.
  1. Откройте проект в Личном кабинете.
  2. В боковом меню нажмите Site Builder.
  3. В панели вашего сайта нажмите Настроить.
  1. Перейдите к разделу Приложения и в блоке Google Analytics нажмите Подключить.
  1. В модальном окне сервиса аналитики укажите ID сервиса аналитики и нажмите Подключить.
  2. В появившемся модальном окне нажмите Опубликовать.
Примечание
Если публикация сайта недоступна, убедитесь, что соблюдаются все необходимые условия:
  • Отсутствуют незаполненные разделы на сайте (отмечены красным кругом).
  • Подписан Лицензионный договор с Xsolla.
  • На сайт добавлен раздел с авторизацией пользователей, если на сайте добавлен блок Магазин.

Подключение других сервисов аналитики

Примечание
События, которые можно отслеживать на вашем сайте с помощью сервиса Google Tag Manager, перечислены в разделе Расширенный список событий.

  1. Создайте аккаунт в выбранном сервисе аналитики.
  2. Создайте аккаунт Google Tag Manager (GTM).

  1. Настройте аккаунт GTM для вашей системы аналитики:
    1. Настройте теги.
    2. Настройте события и параметры.
    3. Опубликуйте изменения в GTM.

  1. В Личном кабинете перейдите в Site Builder.
  2. В разделе Сайты выберите ваш сайт и нажмите Настроить.
  3. Перейдите к разделу Приложения и в блоке Google Tag Manager нажмите Подключить.
  1. Укажите ID контейнера GTM и нажмите Подключить. Чтобы найти ID контейнера, используйте инструкцию в окне ввода ID Как получить ID.
  1. В появившемся модальном окне нажмите Опубликовать.
Примечание
Если публикация сайта недоступна, убедитесь, что соблюдаются все необходимые условия:
  • Отсутствуют незаполненные разделы на сайте (отмечены красным кругом).
  • Подписан Лицензионный договор с Xsolla.
  • На сайт добавлен раздел с авторизацией пользователей (если на сайте добавлен блок Магазин).

Расширенный список событий

Подключение Google Analitycs или GTM позволяет отслеживать расширенный список событий.

События платежного интерфейса

Примечание
Все события платежного интерфейса имеют категорию Paystation_landing.

Название событияКатегория событияЯрлык событияОписание
openPaystation_landingstateОткрытие страницы платежного интерфейса. В параметре Ярлык передается название страницы.
closePaystation_landingstateЗакрытие страницы платежного интерфейса. В параметре Ярлык передается название страницы.
sharePaystation_landingnameНажатие на кнопку, чтобы поделиться в социальной сети. В параметре Ярлык передается название социальной сети.
payment_method_namePaystation_landingpayment_method_nameНажатие на кнопку Оплатить на форме ввода платежных данных. В параметре Ярлык передается название выбранного метода оплаты.
choose-widgetPaystation_landingpayment_widget_nameНажатие на виджет способа оплаты. В параметре Ярлык передается название виджета.
choose-methodPaystation_landingpayment_method_nameВыбор способа оплаты. В параметре Ярлык передается название способа оплаты.
change-statusPaystation_landingstatusСмена статуса платежа. Если пользователь закрывает страницу или платежный интерфейс и статус меняется после закрытия, сообщение о событии не отправляется. В параметре Ярлык передается статус платежа (создан, ошибка, успешно и т.д.).
purchase-successPaystation_landingdoneУспешный платеж. Аналогично событию Смена статуса платежа, но отправляется только в случае статуса done.

События блока Хедер

Название событияКатегория событияЯрлык событияОписание
click-loginHeader_landingНажатие на кнопку авторизации.
open-loginHeader_landingОткрытие виджета авторизации при нажатии на кнопку авторизации.
open-uid-widgetHeader_landingОткрытие виджета ввода ID при нажатии на кнопку авторизации.
click-buyHeader_landingskuНажатие на кнопку покупки. В параметре Ярлык передается артикул товара.
click-googleplayHeader_landingНажатие на кнопку со ссылкой на Google Play.
click-appstoreHeader_landingНажатие на кнопку со ссылкой на App Store.

События виджета ввода User ID

Название событияКатегория событияЯрлык событияОписание
closeUID_widget_landingЗакрытие модального окна для ввода ID.
inputUID_widget_landingНачало ввода значения в поле ввода ID.
confirmUID_widget_landingНажатие кнопки подтверждения ввода ID.
click-instructionUID_widget_landingНажатие на свернутую инструкцию.
errorUID_widget_landingОшибка идентификации (неверно введенный ID).
success_idUID_widget_landingУспешная идентификация.

События блока Игровые пакеты

Название событияКатегория событияЯрлык событияОписание
click-buyPacks_landingskuНажатие на кнопку покупки. В параметре Ярлык передается артикул товара.
open-loginPacks_landingОткрытие виджета авторизации при нажатии кнопки покупки.
open-uid-widgetPacks_landingОткрытие виджета ввода ID при нажатии на кнопку покупки.
click-googleplayPacks_landingНажатие на кнопку со ссылкой на Google Play.
click-appstorePacks_landingНажатие на кнопку со ссылкой на App Store.

События блока Рекламный слайдер

Название событияКатегория событияЯрлык событияОписание
click-buyPromo_landingskuНажатие на кнопку покупки на слайде. В параметре Ярлык передается артикул товара.
open-loginPromo_landingОткрытие виджета авторизации при нажатии кнопки покупки на слайде.
open-uid-widgetPromo_landingОткрытие виджета ввода ID при нажатии на кнопку покупки на слайде.
click-googleplayPromo_landingНажатие на кнопку со ссылкой на Google Play на слайде.
click-appstorePromo_landingНажатие на кнопку со ссылкой на App Store на слайде.
enter-emailPromo_landingНажатие на кнопку подтверждения email-адреса для подписки на новости.

События блока Магазин

Название событияКатегория событияЯрлык событияОписание
authStore_landing_buy_button-Открытие модального окна авторизации после нажатия на кнопку покупки неавторизованным пользователем.
open-psStore_landing_buy_buttonskuИнициация платежного интерфейса после нажатия авторизованным пользователем на кнопку покупки в карточке товара. Ярлык передается артикул товара.
authStore_landing_pop-up-Открытие модального окна авторизации после нажатия неавторизованным пользователем на кнопку покупки в модальном окне товара.
openStore_landing_pop-upskuОткрытие модального окна карточки товара пользователем.
open-psStore_landing_pop-upskuИнициация платежного интерфейса после нажатия авторизованным пользователем на кнопку покупки в модальном окне товара.

События блока Магазин в других шаблонах

Название событияКатегория событияЯрлык событияОписание
click-buyStore_landingskuНажатие на кнопку покупки. В параметре Ярлык передается артикул товара.
open-loginStore_landingОткрытие виджета авторизации или ввода ID при нажатии кнопки покупки.
open-uid-widgetStore_landingОткрытие виджета ввода ID при нажатии на кнопку покупки в блоке Игровые пакеты.
addStore_landingskuНажатие на кнопку добавления в корзину. В параметре Ярлык передается артикул товара.
add-vcStore_landingНажатие на кнопку добавления количества виртуальной валюты.
reduce-vcStore_landingНажатие на кнопку уменьшения количества виртуальной валюты.
click-checkoutStore_landingНажатие на кнопку оплаты через Чекаут на карточке товара.
open-cartStore_landingОткрытие корзины при нажатии на кнопку оплаты через Чекаут на карточке товара.

События блока Call-to-action

Название событияКатегория событияЯрлык событияОписание
click-buyCTA_landingskuНажатие на кнопку покупки. В параметре Ярлык передается артикул товара.
open-loginCTA_landingОткрытие виджета авторизации при нажатии кнопки покупки.
open-uid-widgetCTA_landingОткрытие виджета ввода ID при нажатии на кнопку покупки.
enter-emailCTA_landingНажатие на кнопку подтверждения email-адреса для подписки на новости.
Название событияКатегория событияЯрлык событияОписание
socialFooter_landingnameНажатие на кнопку перехода в социальную сеть. В параметре Ярлык передается название соцсети.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Последнее обновление: 3 июня 2024

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!