Як додати спеціальну подію відстеження до віджета

Доступно на тарифі Pro і вище, а також на час безплатного семиденного пробного періоду

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'?'&amp;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] Measurement ID.

Перегляньте результат

Натисніть Надіслати (Submit), щоб опублікувати зміни, введіть назву версії та натисніть Опублікувати (Publish).

Натисніть Попередній перегляд (Preview), введіть URL-адресу сайту та натисніть Підключити (Connect).

Після підключення помічника тегів перевірте, чи тег є на вкладці Зведення (Summary) в розділі Спрацьовані Теги (Tags Fired).

    Оцініть, наскільки стаття була корисною "Як додати спеціальну подію відстеження до віджета"

    Оцінка: 5 / 5

    Назад

    Як підключити Google Analytics до сайту

    Почніть користуватися сервісом SendPulse прямо сьогодні