\n\n## Создание универсального триггера клика\n\nВам нужен триггер «на все случаи жизни», чтобы видеть каждое событие клика в консоли отладки во время тестирования.\n\n1. Перейдите в раздел Triggers (Триггеры) и выберите New (Новый).\n2. Нажмите Trigger Configuration (Конфигурация триггера) и выберите Click - All Elements (Клик — Все элементы).\n3. Выберите All Clicks (Все клики).\n4. Назовите триггер «All Clicks - Debug» (Все клики — Отладка) и нажмите Save (Сохранить).\n\n\n\n## Использование расширения Tag Assistant\n\nРасширение Tag Assistant Companion помогает точно определить, какой элемент получает GTM при взаимодействии с вашим сайтом.\n\n1. Установите расширение в вашем браузере.\n2. В рабочем пространстве GTM выберите Preview (Предварительный просмотр) в правом верхнем углу.\n3. Введите URL вашего сайта (
Это руководство объясняет, как использовать Google Tag Manager (GTM) для отслеживания конкретных кликов по кнопкам на вашем сайте Discourse, таких как «Регистрация», «Вход» или «Ответ».\n>\n>
Требуемый уровень доступа пользователя: Администратор с доступом к Google Tag Manager\n\n# Отслеживание кликов по кнопкам с помощью Google Tag Manager\n\nОтслеживание того, как пользователи взаимодействуют с конкретными кнопками, предоставляет ценные данные для понимания поведения пользователей и путей конверсии. Хотя Discourse отслеживает многие события «из коробки», вам может потребоваться мониторинг конкретных элементов интерфейса, таких как кнопка «Регистрация». Использование режима предварительного просмотра Google Tag Manager (GTM) — самый эффективный способ определить правильные элементы и настроить точные триггеры.\n\n## Краткое содержание\n\nЧтобы отслеживать конкретную кнопку, сначала необходимо определить, как GTM «видит» эту кнопку при клике. Процесс включает включение переменных клика, создание универсального триггера отладки, использование Tag Assistant для идентификации уникальных свойств элемента и создание специального тега для этой кнопки.\n\n## Включение переменных клика\n\nПрежде чем вы сможете отслеживать клики, убедитесь, что GTM собирает необходимые данные из браузера.\n\n1. Перейдите в раздел Variables (Переменные) в вашем рабочем пространстве GTM.\n2. Выберите Configure (Настроить).\n3. В разделе Clicks (Клики) установите флажки для всех доступных опций:
Click Element,Click Classes,Click ID,Click Target,Click URLиClick Text.\n\ndiscourse.example.com) и нажмите Connect (Подключиться).\n\n\n\n\n\n## Идентификация конкретных элементов кнопок\n\nПосле открытия окна предварительного просмотра вы можете найти уникальные идентификаторы для вашей целевой кнопки.\n\n1. Нажмите кнопку, которую хотите отслеживать (например, кнопку Регистрация) на вашем сайте.\n2. Вернитесь на вкладку Tag Assistant.\n3. Найдите последнее событие Click (Клик) в левой панели сводки.\n4. Выберите вкладку Data Layer (Слой данных), чтобы увидеть свойства нажатого элемента.\n\n\n\nЧтобы целенаправленно отслеживать кнопку Регистрация, можно использовать её уникальный класс:sign-up-button.\n\nПри создании постоянного триггера используйте CSS Selector (CSS-селектор), чтобы убедиться, что он перехватывает клики, даже если пользователь нажимает на текст внутри кнопки. Для кнопки «Регистрация» используйте:\nbutton.sign-up-button, button.sign-up-button *\n\n>Символ
*(подстановочный знак) в конце селектора гарантирует, что триггер сработает, даже если пользователь нажмет на текстовый span внутри кнопки.\n\n## Рекомендации по лучшим практикам\n\n* Используйте описательные имена: Называйте ваши триггеры и теги четко, например, «GA4 - Событие - Клик по кнопке Регистрации».\n* Тестируйте анонимно: При тестировании кликов по кнопкам, таким как «Регистрация», часто лучше использовать режим инкогнито или выйти из учетной записи на сайте Discourse, чтобы убедиться, что кнопка видна.\n* Проверяйте перед публикацией: Всегда проверяйте панель Summary (Сводка) в Tag Assistant, чтобы подтвердить, что ваш специальный тег срабатывает только при клике на целевую кнопку.\n\n## Дополнительные ресурсы\n\n* Set up Google Analytics events in Tag Manager - Tag Manager Help* Preview and debug containers - Tag Manager Help
4 лайка