Диспетчер тегов Google - уровень данных
Уровень данных можно рассматривать как объект, содержащий всю информацию, которую необходимо передать и обработать с помощью Диспетчера тегов Google. Это немного техническая концепция. Термин «уровень данных» используется для обозначения структуры данных, используемой Диспетчером тегов Google для хранения, обработки и передачи данных между вашим веб-сайтом / блогом и диспетчером тегов.
Чтобы проработать это дальше, уровень данных может передавать данные в ваш инструмент аналитики о вашем посетителе. С другой точки зрения, уровень данных - это фактически список бизнес-требований и целей для каждого подмножества цифрового контекста.
Давайте возьмем пример веб-сайта электронной коммерции, бизнес-требования могут включать:
Информация о транзакциях с подробностями о том, что было куплено
Данные посетителей о том, кто купил
Другие сведения о покупке, например, где была совершена покупка и в какое время.
Наконец, информация о других факторах, например о том, подписался ли посетитель на обновления по электронной почте или нет.
Итак, вкратце, уровень данных несет информацию, которая может использоваться различными инструментами / пользователями / заинтересованными сторонами по мере необходимости.
В Диспетчере тегов Google dataLayer представляет собой массив JavaScript. Он состоит из пар ключ-значение. Ниже приводится быстрый пример dataLayer с разными типами данных.
dataLayer = [{
'products': [{
'name': 'Western Cotton',
'tuning': 'High-G',
'price': 49.75
},
{
'name': 'Fenda Speakers',
'tuning': 'Drop-C',
'price': 199
}],
'stores': ['Hyderabad', 'Bangloer],
'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
'employee': {'name': 'Raghav}
}];
Здесь у нас есть разные значения, такие как массив объектов (продукты), числовые значения (цена), массив строк (магазины), объект даты и объект (имя).
С другой стороны, когда вы размещаете код контейнера Диспетчера тегов Google на своем веб-сайте, уровень данных создается автоматически.
Сам по себе уровень данных - довольно сложная концепция для понимания с первого раза. Эта глава предоставит больше информации о том, как взаимодействовать с уровнем данных.
События уровня данных
Кратким примером события уровня данных может быть форма подписки на рассылку новостей, которую нелегко отследить с помощью автоматических слушателей GTM. Разработчик веб-сайта может поддержать вас в отправке события уровня данных после того, как новый подписчик ввел свой адрес электронной почты на ваш веб-сайт. Код этого события должен выглядеть так -
push({‘event’: ‘new_subscriber’});
Если вам нужно, вы можете попросить вашего разработчика предоставить дополнительную информацию, например, расположение формы. Это необходимо, если на вашем сайте более одной формы. Этого можно добиться с помощью следующего кода.
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'formLocation': ‘footer’,
'event': new_subscriber
});
Кроме того, Диспетчер тегов Google по умолчанию передает определенный набор значений на уровень данных веб-приложений. Эти значения -
gtm.js - Отправляется на уровень данных, как только Диспетчер тегов Google готов к работе.
gtm.dom - Отправлено на уровень данных, когда DOM будет готов
gtm.load - Переносится на уровень данных, когда окно полностью загружено
Проверка уровня данных
Как мы уже знаем, есть определенные события, которые создаются в результате любого взаимодействия на экране.
Например, давайте рассмотрим это простое событие загрузки страницы. Чтобы просматривать события, вам необходимо запустить отладчик. После запуска отладчика (в режиме предварительного просмотра) посетите блог. Если вы посмотрите на сводное окно в нижнем левом углу, вы увидите вот что:
Step 1 - Щелкните "Окно загружено", а затем "Уровень данных".
Информация, отображаемая на вкладке «Уровень данных», относится к событию «Окно загружено».
Он отображается как - {событие: 'gtm.load', gtm.uniqueEventId: 3}.
Кроме того, если вы хотите поближе познакомиться, вам нужно воспользоваться поддержкой на вкладке консоли Chrome. Проверять уровень данных становится легко, если вы знаете, как правильно использовать отладчик Chrome.
Step 2- Когда вы находитесь в своем блоге, щелкните правой кнопкой мыши любую часть страницы. В появившемся контекстном меню нажмите «Проверить». Панель будет отображаться в правой части экрана с активированной вкладкой «Элементы».
Step 3- Щелкните Консоль. В режиме консоли щелкните значок в верхнем левом углу, чтобы удалить все показанные сообщения. См. Следующий снимок экрана для справки.
Step 4- После того, как окно будет очищено от любых предыдущих сообщений, введите dataLayer, убедитесь, что L написано с заглавной буквы. Это имя присваивается Диспетчером тегов Google уровню данных. Однако при необходимости разработчики могут присвоить ему другое имя.
Step 5- Нажмите Enter после dataLayer. Он покажет следующие детали.
Есть три объекта, и каждый объект содержит некоторую информацию. Эти объекты могут быть для вас не такими, как показано на скриншоте выше. DataLayer настраивается, и разработчик может настроить его в соответствии с требованиями.
Присутствующие значения связаны с гаджетом Blogger, который используется в этой конкретной позиции / пространстве. Это причина того, что там есть определенная информация.
Если вы посмотрите на объект 1, вы заметите, что запускается событие - gtm.dom . Он запускается GTM при загрузке страницы.
Таким образом, вы можете проверять уровень данных и добавлять в него информацию по мере необходимости.
Переменные на уровне данных
Теперь, когда мы знакомы с уровнем данных, давайте попробуем прочитать одну из переменных с помощью интерфейса диспетчера тегов Google.
Здесь мы попытаемся прочитать событие, используя переменную уровня данных.
Если мы видим рисунок выше, переменная event содержит gtm.dom . Мы собираемся создать переменную из интерфейса GTM и посмотреть, как она отражается на вкладке «Переменные» в Диспетчере тегов Google.
Step 1- В интерфейсе Диспетчера тегов Google перейдите в Переменные. Прокрутите вниз до определяемых пользователем переменных. Щелкните NEW.
Step 2 - Дайте имя этой новой переменной, давайте назовем ее varEvent.
Step 3 - Нажмите Выбрать тип переменной, чтобы начать настройку…
Step 4 - Выберите в списке переменную уровня данных.
Step 5 - Когда вы выбираете переменную уровня данных, вам нужно будет указать имя и версию.
Это имя будет из реального уровня данных Диспетчера тегов Google. Как упоминалось ранее, мы будем отслеживать переменную - event.
Step 6 - Введите событие в Имя переменной уровня данных.
Step 7 - Щелкните СОХРАНИТЬ.
Step 8 - Щелкните Предварительный просмотр, чтобы увидеть изменения, отраженные в отладчике.
Step 9- После загрузки страницы нажмите «Окно загружено», а затем «Переменные». Прокрутите до самого низа раздела «Переменные», вы увидите varEvent, как показано на скриншоте выше.
Как видно на скриншоте выше, значение будет gtm.load.
Таким образом, можно проверять уровень данных и при необходимости фиксировать значения на уровне данных.