Как настроить прослушивание кликов в Google Tag Manager 2.0
Используя прослушивание кликов в Google Tag Manager можно быстро выяснить каким образом настроить отслеживание определенного элемента на странице сайта.
Но, как я писал ранее, в Google Tag Manager 2.0 несколько изменился принцип работы с событиями gtm.click и gtm.linkClick. В новой версии нет таких привычных тегов как прослушивание кликов и прослушивание кликов по ссылкам, однако они помогают в настройке Google Tag Manager.
Итак, наша задача – увидеть в отладчике все доступные gtm.click . Почему я указал “все доступные”? Кто работает с Google Tag Manager тот знает, что это событие не всегда перехватывается (предлагаемое решение также не решает этой проблемы).
Предположим, что мы создали новый контейнер (предлагаемое решение актуально для контейнеров созданных в Google Tag Mnager 2.0, в более ранних версиях прослушивание должно работать как и ранее), разместили его на сайте и хотим отследить клики вот по такому элементу:
Объект подлежащий отслеживанию
Это если смотреть исходный код страницы сайта, а в браузере он выглядит вот так:
Объект в браузере
Теперь запустим предварительный просмотр или режим отладки в Google Tag Manager и посмотрим, какие сведения нам доступны (предварительно я выполнил клик по объекту div , который обозначен выше):
Зафиксированные события Google Tag Manager
Как видите никаких кликов по этому объекту не зафиксировано, gtm.click в списке отсутствует.
Теперь выполним действия для прослушивания всех кликов. Перейдите к списку доступных триггеров и создайте новый с именем Прослушивание кликов , задав его настройки согласно изображению:
Настройка триггера в Google Tag Manager для прослушивания всех кликов
Нажимаем кнопку сохранения триггера и повторно переходим в режим отладки:
Предвариетельный просмотр в Google Tag Manager
Выполняем клик по объекту на сайт и смотрим, что нам доступно по этому действию:
Информация доступная после настройки фиксации клика
Как видно, у нас появился привычный gtm.click , выбрав нужный нам клик мы можем увидеть дополнительную информацию об объекте, например его класс или идентификатор. Зная эти сведения можно настроить отслеживание событий Google Analytics без помощи разработчиков.
Как обычно, прошу вас поделиться материалом в социальных сетях.
Настройки, интеграции, примеры реальных задач, пошаговые инструкции
Завершился первый конкурс по Google Tag Manager, по результатам оценки жюри выбран победитель.
Если вы решили использовать на своем сайте расширенную торговлю необходимо учесть некоторые особенности при настройке Enhanced Ecommerce Google Analytics.
Предлагаю рассмотреть использование Google Tag Manager для отслеживания нестандартных целей и их фиксации в Google Analytics. Вы наверное знаете, .
В повседневной деятельности я активно использую Google Tag Manager, как очень удобный инструмент помогающий и облегчающий настройку Google Analytics, а также для управления другими те.
Если уже такая статья то мне кажется что нужно дописать по поводу кнопки “Переменные” в tagmanager и что там нужно поставить галочки.
Артур, что именно Вы хотели сказать в своем комментарии?
Иван, добрый день день!
Спасибо за понятные статьи. Есть проблемка.
Цель – увидеть сколько нажали на конкретный блок на странице.
По вашим инструкциям настраиваю событие – клик по элементу с ID. Создаю триггер, добавляю в контейнер.
В режиме просмотра кликаю на ссылку и тег не отрабатывает. Не появляется gtm.click. Причем, надпись рядом с блоком – Подтверждаете действие “клик по элементу с ID” в момент клика по ссылке появляется.
Вроде ошибиться негде. То же сделал по Гугловской инструкции, но там предлагают настроить событие клик по ссылке. Тоже не фиксируется событие.
Тег просмотра страницы срабатывает. А тег клик по ссылке – не срабатывает.
В чем может быть решение?
Игорь, есть элементы на которых Google Tag Manager “не видит” события, для таких элементов необходимо писать свои обработчики
Здравствуйте, Иван
Спасибо за статью.
Напишите, пожалуйста, как сделать так, чтобы событие передавалось только в том случае, если пользователь заполнил данные и кликнул по кнопке отправить?
То есть если, он ничего не заполнил, а просто кликнул по кнопке – такое событие не должно передаваться в аналитикс.
Павел, для подобных ситуаций пишутся свои обработчики событий или привлекаются разработчики для внесения дополнения в исходный код сайта
Иван, как ни странно, но по крайней мере у меня, – в таком виде “Условия активации” все клики это не сработало.
Хотя по логике – все верно.
Работает, – если изменить на “Некоторые клики” и прописать к примеру правило – Все страницы.
Что вы думаете на этот счет? Работает ли у вас?
Алена, все материалы я публикую только после личной проверки описанных рекомендаций. Вероятно есть какие-то особенности на Вашем сайте, может быть что-то еще, нужно смотреть и разбираться на конкретном примере
Подскажите, пожалуйста такую вещь:
Необходимо отследить клики по кнопкам на разных страницах. У кнопок одинаковые классы на всех страницах. Если задавать для одного тега 2 триггера (один на клик по кнопке, второй на просмотр определенного типа страниц) – каким образом сработает? При выполнении двух правил одновременно или при выполнении одного из двух?
И как вообще правильно настроить в таком случае?
Заранее спасибо за ответ.
Марина, если кнопки одинаковые, то нет необходимости привязываться к странице. Настройте триггеры для каждой кнопки, затем укажите их для нужных тегов
Иван, подскажите, а как настроить (вернуть то что было в предыдущей версии GTM) прослушивание не только gtm.click но и gtm.formSubmit?
Спасибо!
PS Сделал такой триггер http://take.ms/WxzZ5 Не помогло.
Илья, посмотрите вот этот материал
Иван, вы мне дали ссылку на тот материал, в котором я и задаю вопрос.
Прослушивание gtm.click я благодаря вам настроил настроил. Все отлично работает.
Но gtm.formSubmit прослушивание нет. Условий описанных в этой статье для прослушивания gtm.formSubmit не достаточно. Поэтому я и задал свой вопрос.
Я имею в виду прослушивание как оно было раньше. См take.ms/En30g
Спасибо!
При клике на активную ссылку у меня обновляется статистика и я не успеваю увидеть дополнительную информацию, которая срабатывает при этом клике. Как быть в этой ситуации?
Евгений, Ваш вопрос не понятен. Что и где Вы не успеваете увидеть?
Евгений, как клик отобразился в предварительном просмотре остановите загрузку страницу и изучайте Summary
Иван добрый день!
Подскажите, пожалуйста, как настраивать триггер для прослушивание кликов по активной кнопке (ссылке), если при открытии страницы у нее в верстке указано a href=”#” >, а при активизации меняется class
Источник
Возможные причины проблем с event тегами: секреты работы Google Tag Manager
Вы используете Google Tag Manager (или просто GTM)? Если да, готовы ли вы к худшему, даже если надеетесь на лучшее? Что же делать, если Google Tag Manager не работает, как следует? Обязательно прочитайте данный материал до конца, чтобы убедиться, что вы готовы к возможным проблемам. Дальше будет намного больше возможностей для того, чтобы быстро предпринять необходимые действия для исправления ваших данных.
Если возникают критические ошибки с вашими данными – это сигнал для того, что вам понадобится несколько сетей безопасности. Несмотря на то, что вы можете воспользоваться всеми лучшими практиками, чтобы убедиться, что все идет хорошо с вашей стороны, есть большая вероятность, что иногда что-то все-таки сломается, будет изменено на месте или вы заметите ошибки в данных. В этой статье мы расскажем о нескольких лучших практиках, которые были обнаружены в свое время при использовании GTM. Они помогут быстро исправить в Гугл Тег Менеджер ошибки и вернуть данные в нужное русло. Не пропустите советы по улучшению выдачи Google Ads.
Как устранить неисправности сломанных тегов
Вы заметили, что один из ваших тегов перестал срабатывать. Критическое событие для Google Analytics больше не связано с поступлением данных. Важный маркетинговый пиксель больше не работает. Пиксель конверсии AdWords пропал. Что же делать в таком случае?
К счастью, с помощью Google Tag Manager (GTM) вы можете использовать их режим предварительного просмотра, чтобы точно видеть причину проблемы. Давайте рассмотрим пример ниже:
Ваш тег события не запускается. Что тут сказать – не густо!
Шаг 1: Запустите режим предварительного просмотра GTM.
Шаг 2: Зайдите на ваш сайт после включения режима предварительного просмотра.
Шаг 3: Найдите, какие теги не запускаются, и нажмите на них.
Шаг 4. Определите причину, по которой ваши теги не запускаются.
Аналогично нужно поступать и для отладки других тегов. Определите, когда это должно сработать, проверьте триггер, чтобы увидеть, что не работает, и действуйте до тех пор, пока проблема не решится. Таким образом, настройка Google Tag Manager должна проводиться регулярно и весьма тщательно.
Как вы можете избежать подобного
Лучший способ избежать подобных проблем — выполнить тщательный контроль качества перед публикацией каких-либо новых тегов, убедиться, что ваши триггеры основаны на наиболее надежных элементах, возможных для области, и выполнить развертку маршрутизации в настройках отслеживания, чтобы определить потенциальные причины для беспокойства. Все это нужно сделать перед нажатием кнопки «Опубликовать».
Как откатить вашу версию GTM
Теперь рассмотрим худший сценарий. Допустим, вы случайно опубликовали версию в GTM, которая работает некорректно или, что еще хуже, портит правильное отслеживание. Хотя вы можете подготовиться к тому, что этого никогда не произойдет, есть быстрое решение на случай, что это однажды станет реальностью. Уже только это является причиной для того, чтобы всегда проверять свое отслеживание до и после публикации вашего контейнера (для выявления и устранения проблем!)
Шаг 1. Нажмите «Версии» в GTM.
Шаг 2. Нажмите «Действия» для последнего правильного контейнера GTM.
Шаг 3. Нажмите «Опубликовать» в разделе «Действия».
Итак, ваше отслеживание вернулось к норме. Следующим шагом будет выяснить то, почему трекинг сломался, и опубликовать правильную версию.
Как вы можете избежать подобного
До всех публикаций GTM рабочее пространство должно проверяться несколькими пользователями для обеспечения его правильной работы, и в идеале это должно быть протестировано в нескольких браузерах. Если вы выберете такой подход, это поможет устранить большинство потенциальных проблем.
Источник
Gtm click не работает
- Поисковые системы
- Яндекс
- Каталоги сайтов
- Прочие поисковики
- Агрегаторы и доски объявлений
- Практика оптимизации
- Общие вопросы оптимизации
- Частные вопросы — ранжирование, индексация, бан
- Сервисы и программы для работы с SE
- Любые вопросы от новичков по оптимизации
- Ссылочные и пользовательские факторы
- Поисковые технологии
- Doorways & Cloaking
- Трафик для сайтов
- Поисковая и контекстная реклама
- Google Adwords
- Яндекс.Директ
- Тизерная и баннерная реклама
- Общие вопросы рекламы
- Монетизация сайтов
- Партнерские программы в Интернете
- Контекстная реклама
- Google AdSense
- Рекламная Сеть Яндекса
- Размещение тизерной и баннерной рекламы
- Общие вопросы
- Сайтостроение
- Веб-строительство
- Статистика и аналитика
- Доменные имена
- Администрирование серверов
- Хостинг
- Безопасность
- Usability и удержание посетителей
- Копирайтинг
- Социальный Маркетинг
- Вконтакте
- YouTube
- Facebook & Instagram
- TikTok
- Telegram
- Общие вопросы
- Общение профессионалов
- Семинары и конференции
- eCommerce, интернет-магазины и электронная коммерция
- Телефония и коммуникации для бизнеса
- Деловые вопросы
- Финансы
- Cчет в Яндекс.Деньгах
- Криптовалюты
- Инвестиции
- Экономика
- Правовые вопросы
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты — покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки — обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
- О сайте и форуме
- Самое разное
- Курилка
- Встречи и сходки
- Железо и софт
Почему страницы сайта выпадают из индекса
Цена биткоина превысила $60 тысяч
На страницах типа http://moda-spb.ru/tufli-tesoro-922818.html настроил отслеживание клика по кнопке «купить».
Пробовал различные правила.
event везде gtm.click
И пробовал разные element id, classes, text
ПС:Отслеживание обычных правил работает.
Возможно это связано что onclick=»productAddToCartForm.submit(this)» проводит переход на один из партнерских сайтов. И не успевает сработать тэг.
Как отследить нажатие кнопки, которая при клике выполняет редирект на другой сайт?
Проверьте через Tag Asistant (by Google) срабатывает ли вообще отслеживание контейнера.
При клике по этой кнопке не регистрируются эти параметры element id, classes
Хотя вижу уже сделали отправку события .
Я проверяю работу тэг менеджера через его режим отладки.
nexter83:
Смотрел через dataslayer
При клике по этой кнопке не регистрируются эти параметры element id, classes
Хотя вижу уже сделали отправку события .
Спасибо, что откликнулись. Вчера вечером сделал чтобы все заработало: добавил строку dataLayer.push(<'event':'clickGavich'>); в функцию productAddToCartForm.submit.
и заменил правило чтобы event содержало clickGavich (по-этому параметры наверное уже не регистрируются)))
Проблема в том что тэг не успевает активироваться до переадресации. Как это решить без правки кода, пока не известно.
Источник