![Старый](images/styles/Influx/statusicon/post_old.gif) |
06.04.2015, 15:39
|
|
#1
|
Регистрация: 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-теги.
|
|