Как добавить специальное событие отслеживания к виджету
Google Tag Manager (GTM) — это система управления тегами, которая позволяет управлять и разворачивать маркетинговые и аналитические теги на вашем сайте. Теги представляют собой фрагменты кода, используемые для отслеживания поведения пользователей, сбора данных и предоставления персонализированного опыта.
Сайты SendPulse используют статические идентификаторы виджетов, что позволяет отслеживать специальные события. Например, тег можно активировать, когда пользователь нажимает кнопку «Зарегистрироваться» на определенном виджете подписки.
Поскольку статический идентификатор относится ко всему виджету, нажатие любой кнопки внутри этого виджета будет зарегистрировано как одно событие. Если это вас не устраивает, разделите кнопки на разные виджеты.
В этой статье вы узнаете, как настроить специальные события отслеживания виджетов для вашего сайта SendPulse с помощью Google Tag Manager.
Настройте Google Tag Manager
Перейдите по ссылке на Google Tag Manager и создайте учетную запись.
Выберите свою целевую платформу.
| Web | Для страниц настольных компьютеров и мобильных устройств. |
| iOS | Для приложений iOS. |
| Android | Для приложений Android. |
| AMP | Для ускоренных мобильных страниц. |
| Server | Для инструментации и измерения на стороне сервера. |
Нажмите Создать (Create).
Прочитайте и согласитесь с соглашением об оказании услуг Google Tag Manager.
Установите Google Tag Manager на ваш сайт
Скопируйте код установки
Во время регистрации учетной записи Google Tag Manager отобразится всплывающее окно с кодом установки. Скопируйте предоставленный код.
Чтобы получить доступ к коду позже, перейдите в Администратор (Admin) > Установить менеджер тегов Google (Install Google Tag Manager).
Вставьте как пользовательский код
Чтобы установить Google Tag Manager на свой сайт, необходимо добавить предоставленный код на вкладку специального кода в SendPulse:
Перейдите в раздел Сайты (Websites), выберите сайт и нажмите Настройки сайта (Site settings).
В настройках сайта перейдите на вкладку Произвольный код (Custom code) и нажмите Добавить код на сайт (Add code to site).
Выберите параметр <head> и вставьте следующий код:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMPPLTTR');</script>
<!-- End Google Tag Manager →Нажмите Добавить (Save).
Повторите процесс. Выберите параметр <body> и вставьте следующий код:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMPPLTTR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) →Нажмите Добавить (Save).
Узнайте больше: Как добавить сторонний код на сайт.
Скопируйте идентификатор кнопки
Каждый виджет с кнопкой на вашей странице имеет уникальный идентификатор (ID), который позволяет закреплять виджет в определенном месте на странице или устанавливать цели аналитики для его кликов.
Идентификатор кнопки связан с виджетом, а не с отдельной кнопкой. Это означает, что виджет может иметь несколько кнопок с одним и тем же идентификатором.
В конструкторе сайтов SendPulse найдите нужную кнопку и нажмите на значок карандаша над ней. Перейдите в Настройки кнопки (Button settings) и скопируйте номер идентификатора из поля ID.
Узнайте больше: Как настроить кнопку на сайте: Отредактируйте ID.
Настройте триггер
В Google Tag Manager перейдите на вкладку Триггеры и нажмите Создать.
Выберите Нажатие - Все элементы (Click - All Elements) как тип триггера. Настройте триггер на срабатывание Некоторые нажатия (Some Clicks).
Создайте новую переменную с именем Click ID и установите тип содержит (contains). Вставьте идентификатор кнопки, скопированный из SendPulse, в поле значения переменной.
Нажмите Сохранить (Save).
Настройте тег
Чтобы отслеживать срабатывание триггера, настройте тег. На вкладке Теги (Tags) нажмите Создать (Create) и выберите Google Analytics: GA4 Event как тип тега. Вставьте идентификатор измерения и введите название события. Выберите триггер и нажмите Сохранить (Save).
Узнайте больше: [GA4] Идентификатор измерения.
Посмотрите результат
Нажмите Отправить (Submit), чтобы опубликовать изменения, введите название версии и нажмите Опубликовать (Publish).
Нажмите Предварительный просмотр (Preview), введите URL-адрес сайта и нажмите Подключить (Connect).
После подключения помощника тегов проверьте, есть ли тег на вкладке Сводка (Summary) в разделе Сработавшие Теги (Tags Fired).
Обновлено: 27.12.2023
или