Отправляйте dataLayer push с серверного GTM на веб GTM

При установке тегов на стороне сервера наиболее распространенным сценарием настройки потока данных является отправка данных из веб-контейнера GTM (или других конечных точек, таких как CRM, CMS, Google Sheet и т. д.) в серверные контейнеры GTM. Но что, если вам нужно запустить тег в web GTM на основе данных из sGTM? Как вы можете отправить dataLayer pushes из серверного GTM в веб-GTM?

В этой статье блога показано, как отправлять данные с сервера в веб-GTM с помощью Data Client и Data Tag от stape. Давайте приступим!

Удивительно, но мы столкнулись с большим количеством примеров использования для запуска веб-событий на основе данных в сервереном GTM. И эти сценарии использования касаются различных аспектов отслеживания - запуска событий, создания переменных, обогащения данных, установки cookies и т.д. Давайте рассмотрим несколько примеров.

Существует несколько методов обогащения данных с помощью серверного GTM. Мы уже писали в блоге о том, как обогащать данные sGTM с помощью CRM, Firestore и Google Sheets. С помощью dataLayer, перенесенного из sGTM в web GTM, вы можете обогащать и теги web GTM.

В качестве примера рассмотрим Facebook. Согласно документации FB, когда FB видит одинаковые веб- и серверные события, они отбрасывают серверные события и отслеживают только веб-события. Вместе с самим серверным событием они выбрасывают все данные о пользователе и продукте. Поэтому, если серверное событие отправит больше данных, Facebook не будет их использовать. Вы можете решить эту проблему, отправив дополнительные параметры с сервера в веб-контейнер GTM и добавив их в пиксельные метки FB.

У нас была ситуация, когда нам нужно было запускать веб-события только после того, как было установлено событие на сервере. Например, запускать событие покупки только после отправки серверу pageview. Или нужно использовать серверную переменную в веб-контейнере GTM. Это означает, что веб-тег должен срабатывать только после того, как sGTM установит эту переменную. Это применимо, например, при генерации идентификатора события Facebook в sGTM и использовании его в веб-GTM.

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

Функция отправки событий серверного GTM в веб- GTM datalayer доступна в Data Tag и Data Client. Они были разработаны для отправки данных с веб-сайта на серверный GTM. С помощью этой новой функции мы можем делать обратное - отправлять данные с сервера на веб GTM. Позвольте мне показать вам, как это работает.

Чтобы этот процесс заработал, вам нужно настроить Data Tag в веб-GTM и Data Client в sGTM. Откройте Data Tag, перейдите к разделу настроек и включите Push event to DataLayer после того, как тег получит ответ. Вам нужно будет установить два параметра.

DataLayer Event Name - задает событие DataLayer, которое должно быть отправлено в web GTM, как только серверный Data Tag получит ответ от сервера. Это может быть статическое значение или переменная.

DataLayer Object Name - по умолчанию используется dataLayer. Измените только в том случае, если вы переименовали имя объекта dataLayer.

После завершения настройки Data Tag будет получать ответ каждый раз, когда тег в sGTM срабатывает на основе запроса Data Client. Как только ответ будет получен, он отправит событие datalayer push в web GTM.

В этом примере я покажу, как использовать генерируемый сервером уникальный идентификатор события и обогащенные сервером пользовательские данные внутри веб-контейнера Google Tag Manager. Для этого мне понадобятся Data Tag, Data Client, сервисный аккаунт подключенный к stape, Firestore и тег Response.

1. Добавьте тег данных из галереи шаблонов GTM.

2. Создайте тег данных в web GTM -> выберите имя события -> установите GTM Server Side URL -> Перейдите к разделу настроек и включите Push event to DataLayer after tag receives a response -> добавьте DataLayer Event Name -> установите datalayer Object Name. Измените этот параметр только в том случае, если вы переименовали объект dataLayer.

3. Скачайте Data Client с GitHub. Перейдите в раздел шаблонов sGTM -> Создайте шаблон клиента -> Нажмите на три точки в правом верхнем углу -> Нажмите Импорт и выберите Клиент данных, который вы скачали с Git Hub.

4. Создайте клиента данных в sGTM -> откройте настройки Response Settings -> установите Response Body пустым. Эта настройка понадобится нам позже при настройке тега Response. Если вы выберете пустое значение, Клиент данных не будет устанавливать никакого ответа. Только тег Response будет отвечать за установку ответа сервера. 

5. Добавьте тег Response из галереи шаблонов сервера Google Tag Manager -> Создайте тег response -> Добавьте значения, которые вы хотите отправить в Web GTM. Я буду отправлять название события, unique_event_id (он генерируется автоматически Data Client) и email пользователя. Для отправки email пользователя для таких событий, как просмотр страницы (когда email пользователя недоступен) я буду использовать тег Firestore Writer и переменную Firestore Lookup. Тег response должен срабатывать каждый раз, когда Data Client будет востребован. 

6. Откройте отладчики веб- и сервер GTM и протестируйте свою настройку. В моем случае у меня есть событие datalayer в веб GTM, которое включает unique_event_id, user_email и event_name.

Я надеюсь, что эта новая возможность отправки данных с сервера на веб поможет устранить некоторые проблемы с отслеживанием и позволит вам улучшить отслеживание на веб и сервере. Для нас эта функция сыграла большую роль.

Спасибо за прочтение. Свяжитесь с нами, если вам нужна помощь в настройке ss-тегов для вашего сайта!