Отслеживание всплывающих взаимодействий с GTM

1. Отслеживание событий щелчка во всплывающем окне
2. Отслеживание отправки форм во всплывающем окне
3. Отслеживать, какие сообщения преобразованы пользователи
4. Тестирование всплывающих событий отслеживания в GTM

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

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

При всплывающей кампании вы можете настроить отслеживание следующих событий во всплывающих окнах:

Отслеживать события клика
Отслеживать отправку форм
Отслеживать, какие сообщения преобразованы пользователи
Перейдите к тестированию отслеживания всплывающих событий в GTM.

Отслеживание событий щелчка во всплывающем окне

Возможно, вы захотите отслеживать события кликов, чтобы иметь представление о том, какие элементы или ссылки были нажаты во всплывающем окне и сколько пользователей вышли из всплывающих окон.

Вы можете использовать следующую тактику для определения элементов щелчка во всплывающем окне (или в любом месте на странице) для отслеживания событий в GTM:

Введите DOM: щелкните правой кнопкой мыши элемент, для которого вы хотите настроить отслеживание кликов (в этом случае нажмите кнопку «Свяжитесь с нами»), и выберите «Проверить». DOM откроется и выделит именно тот элемент, который вы выбрали для отслеживания.

Отсюда у вас есть несколько вариантов настройки отслеживания для клика по этому элементу:

• Триггер «Click - Just Links»: элемент встроен в тег ссылки <a href>, что позволяет использовать триггер «Click - Just Links» и запускать событие, когда «URL клика» равен «#» ( значение href = в вашем теге <a>).
• Триггер «Click - All Elements»: элемент имеет уникальный класс и идентификатор, оба из которых могут использоваться в качестве условий для триггера «Click - All Elements».
  

Используйте режим предварительного просмотра GTM: включите встроенные переменные нажатия в GTM и войдите в режим предварительного просмотра перед переходом на тестовую страницу.

Нажмите на целевой элемент для отслеживания событий и перейдите к событию на левой панели в разделе «Сводка». Откройте «Переменные» в верхней панели, и это окно покажет вам все переменные, которые GTM связывает с этим событием щелчка:

Используйте эти переменные элемента, чтобы настроить те же события, что и для переменных, найденных в DOM.

Отслеживание отправки форм во всплывающем окне

Иногда одни и те же формы встроены в главное окно и всплывающие окна. В этих случаях может быть полезно настроить события отправки формы, которые различают, была ли форма отправлена ​​во всплывающем окне.

Настройте отслеживание отправки формы с помощью встроенных переменных и триггеров GTM (триггер отправки формы с использованием идентификатора формы или переменной класса формы) и настройте метки событий, чтобы указать, была ли форма отправлена ​​через всплывающее окно:

1. Выделите модальное всплывающее окно, щелкните элемент правой кнопкой мыши и выберите «Осмотреть», чтобы увидеть детали в DOM.
2. Найдите элемент в DOM, который выделяет весь модал, как показано на скриншоте справа.
3. Щелкните правой кнопкой мыши элемент в DOM и скопируйте селектор CSS.
4. Создайте пользовательскую переменную в GTM как переменную видимости элемента.
5. Выберите «Селектор CSS» и вставьте скопированный селектор CSS.
6. Эта переменная видимости элемента вернет «true», если указанный CSS-селектор виден в главном окне просмотра при срабатывании события, и «false», если нет.

Измените значения «истина» и «ложь» в разделе «Значения формата» на значения, которые имеют смысл для ваших аналитических отчетов.

Вы должны увидеть детали события, аналогичные приведенным ниже, после того как вы настроили триггер отправки формы и динамическую переменную метки события.

Отслеживать, какие сообщения преобразованы пользователи

Этот тип отслеживания событий полезен, когда у вас есть одна и та же форма с различными CTA во всплывающих окнах на вашем сайте. Вы можете настроить отправку формы или события клика, чтобы включить сообщение CTA в метку события.

Эта настройка очень похожа на методы, которые вы использовали бы при настройке событий клика через всплывающее окно:

1. Выделите текст, который нужно вставить в качестве метки события, щелкните его правой кнопкой мыши и выберите «Инспектировать», чтобы получить сведения об элементах в DOM.
2. Щелкните правой кнопкой мыши элемент в DOM и скопируйте селектор CSS.
3. Создайте новую переменную DOM Element в GTM, выберите «CSS Selector» и вставьте CSS-селектор, который вы скопировали со страницы.
4. Добавьте переменную DOM Element в качестве {{Dynamic Variable}} в качестве метки события в теге события.
5. Протестируйте в режиме предварительного просмотра, чтобы убедиться, что в качестве метки вставляется правильный текст.
   

Тестирование всплывающих событий отслеживания в GTM

Как правило, всплывающие окна настраиваются так, чтобы они отображались только один раз за сеанс, браузер, пользователя и т. Д. Кроме того, эти окна можно настроить для загрузки определенных событий - после перехода к выходу из страницы, через X секунд на странице, после X% прокрутки вниз страницы и т. д. Сайты могут ограничивать видимость всплывающих окон в рамках этих параметров с помощью файлов cookie. Хотя необходимо избегать повторяющихся помех в сеансах просмотра пользователями, это может сделать конфигурации отслеживания событий немного более громоздкими.

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

Пустой кеш и хард перезагрузка

Открыв DOM, щелкните правой кнопкой мыши кнопку обновления и выберите «Очистить кэш и полная перезагрузка».

Очистить хранилище

Иногда, очистка кеша не будет достаточной для сброса, чтобы вы могли видеть всплывающее окно. Вам нужно будет очистить свои куки между перезагрузкой и тестированием событий во всплывающем окне. Это также требует использования DOM.

Чтобы очистить куки, войдите в DOM и перейдите в «Приложение» на верхней панели. Найдите и нажмите кнопку «Очистить данные сайта» в разделе «Очистить хранилище».

Это очистит ваши куки на вашем сайте как в локальных, так и в сессионных хранилищах. Это должно очистить историю посещений и файлы cookie, чтобы всплывающие окна появлялись.

Эти шаги помогут вам настроить всплывающие окна отслеживания в Google Analytics через Google Tag Manager. Прокомментируйте ниже и дайте нам знать, какие другие типы отслеживания событий могут быть полезны для всплывающих окон!

Похожие