Ответ
Как отследить прокрутку страницы с Google Tag Manager Опции темы
Старый 06.04.2015, 15:39
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

Как отследить прокрутку страницы с Google Tag Manager
Не так давно считалось, что взаимодействие пользователя с посадочной страницей является ключевым фактором при определении издержек на один лид и приобретение клиента. Однако времена меняются, и появляется множество других факторов, оказывающих влияние на эти показатели.

Так почему же отслеживание взаимодействий с посадочной страницей по-прежнему важно? Давайте рассмотрим представленную ниже посадочную страницу, которая является довольно длинной. Теперь давайте разделим ее просмотр в процентном соотношении, а именно: 25%, 50%, 75% & 100%. Получится что-то вроде этого:





Так почему же вы хотите отслеживать это по частям? Одна из причин заключается в удобстве интерпретации данных, а другая – в том, чтобы расположить имеющиеся призывы к действиям согласно разделению, приведенному выше.

Например, форма приобретения лидов вашего клиента располагалась где-то в районе значений 75% и 100%, и вы хотите узнать, взаимодействует ли трафик, который вы получаете, потратив кровно заработанные деньги, с данным разделом или уходит, не добравшись до него.

Полученная информация, безусловно, поможет в получении ответа на этот вопрос и принятии обоснованного решения в отношении посадочной страницы. Итак, давайте перейдем к настройкам.

Необходимо иметь:

I. Аккаунт в Google Tag manager
II. Аккаунт в Google Analytics
III. Библиотеку jQuery, загруженную на ваш сайт

Уровень сложности - средний

Количество тегов – 2
Количество правил – 2
Количество макросов – 3

Начнем с макросов.

1) Макрос 1 - eventCategory

а. Перейдите в контейнер, нажмите на «New» и выберите Macro (Макрос).

b. Выберите тип макроса – переменная уровня данных.

c. Задайте имя макроса как «eventCategory».

d. Задайте имя переменной уровня данных как «eventCategory» (с учетом регистра).

е. Нажмите «Сохранить».





2) Макрос 2 - eventAction

а. Перейдите в контейнер, нажмите на «New» и выберите Macro.

b. Выберите тип макроса – переменная уровня данных.

c. Задайте имя макроса как «eventAction».

d. Задайте имя слоя данных переменной как «eventAction» (с учетом регистра).

е. Нажмите «Сохранить».





3) Макрос 3 - eventLabel

а. Перейдите в контейнер, нажмите на «New» и выберите Macro.

b. Выберите тип макроса – переменная уровня данных.

c. Задайте имя макроса как «eventLabel».

d. Задайте имя слоя данных переменной как «eventLabel» (с учетом регистра).

е. Нажмите «Сохранить».





Давайте перейдем к правилам.

1) Правило 1 - Landing page

a. Нажмите «New» и выберите правило.

b. URL-адрес равен /Landingpage.

c. Нажмите «Сохранить».

2) Правило 2 - ScrollDistance

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

a. Нажмите «New» и выберите правило.

b. Выберите Событие равно ScrollDistance.

c. Нажмите «Сохранить».





Теперь, наконец, давайте перейдем к тегам.

1) Тег 1 - Scroll depth listener

Это пользовательский HTML тег, который в основном делает всю работу.

a. Нажмите «New» и выберите Тег.

b. Выберите тип тега – «Custom HTML».

c. Скопируйте и вставьте следующий код в окне пользовательского HTML-тега.

d. Настройте правило для «Landing Page», которое мы создали ранее.





2) Тег 2 - Event Scroll Listener

a. Нажмите «New» и выберите тег.

b. Выберите тип тега «Universal Analytics» или «Google Analytics».








c. Вставляем отслеживаемый ID (вы можете найти эту информацию в аккаунте GA).

d. Теперь выберите тип отслеживания в качестве «Event».

е. Далее в игру вступают макросы, созданные нами ранее. В Category вставьте {{eventCategory}} и используйте соответствующие макросы в поле Action и Label.





f. Наконец, установить действующее правило как «ScrollDistance», которое мы создали ранее.

Теперь, после того как вы осуществили все настройки, необходимо отладить и проверить работу тегов, прежде чем публиковать их на сайте.

Шаги

1. Нажмите Preview.





2. Откройте сайт в том же браузере. Окно предварительного просмотра должно открыться ниже.

3. Следующий тег должен активироваться при прокручивании страницы.





4. Теперь перейдите в Google Analytics и проверьте, поступают ли данные в аккаунт.





Вывод

Существует нечто, что Google Analytics не может отслеживать, для всего остального существуют Пользовательские HTML-теги.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как массово удалить страницы из индекса Google Nataly Статьи 0 20.03.2015 17:04
Как отследить отказ от корзины с Google Analytics Nataly Статьи 0 04.11.2014 03:55
Основы Google Tag Manager: ссылки и клики Tallulah Статьи 0 01.11.2014 21:19
Как установить Google Tag Manager на WordPress luxurious Сервисы 0 28.08.2014 18:05
Google Tag Manager - один код управляет всем Cookie Сервисы 0 23.07.2014 14:00

Метки
google tag manager, пользовательский html-тег, посадочная страница, прокрутка, скроллинг, событие


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 11:06. Часовой пояс GMT +3.