Angular и менеджер тегов Google (GTM) gtm.click
Я столкнулся с проблемой, и я не могу найти решение для нее. Ситуация такова, что отдел маркетинга хочет интегрировать GTM. Это нормально, поскольку они хотят иметь полный контроль над различными сторонними поставщиками, которых они хотят интегрировать. Но для этого им хотелось бы иметь возможность отслеживать все клики на странице.
И они вернулись ко мне, что в настоящее время никакие события щелчка не отслеживаются с текущей конфигурацией в GTM. Сначала думали, что события не распространяются (кипят) вверх. Но, проверив это самостоятельно, привязав прослушиватель событий к документу (щелчок) (см. Ниже), все div, кнопки и т. Д. С помощью директив ng-click, без проблем достигли этого обработчика.
document.addEventListener("click", function(event){
console.dir(event.target);
});
Поэтому я предположил, что с конфигурацией что-то не так, но, посмотрев на конфигурацию (которую я создал сам, выглядит следующим образом):
Я все еще не мог заставить его работать. Кнопки, которые уже используют angulartics - https://luisfarzati.github.io/angulartics/ чтобы отправить событие в контейнер GTM, работают должным образом:
<a href="file.pdf" analytics-on="click" analytics-event="Download">Download</a>
Только перехватывать все события кликов (или любой фильтр на них, например, просто смотреть на нажатия кнопок) не делает. Теперь, посмотрев немного больше, кажется, что GTM ожидает gtm.click_event произойдет. Но я не могу понять (просматривая файл gtm.js), как они связываются со всеми событиями щелчка в документе (после инициализации есть привязка щелчка по документу, но я не уверен, является ли это GTM или что-то из углового), И даже если это так, я поместил много точек останова в этот файл, которые, казалось бы, могли быть связаны с ним, но ни одна из них не сработала, когда что-то щелкнуло.
Поэтому мой вопрос: есть ли у кого-нибудь опыт комбинирования angularjs с angulartics и GTM, когда он ловит все события click/touch/mousedown и т. Д. И отправляет их в GTM?
2 ответа
Убедитесь, что вы создали контейнер GTM после внесения некоторых изменений. Используйте кнопки "Опубликовать сейчас" или "Предварительный просмотр и отладка" внутри интерфейса GTM (в верхнем правом углу). Потому что согласно вашей конфигурации тега этот тег должен срабатывать каждый раз, когда пользователь нажимает что-то на сайте.
Что касается "gtm.click" - это GTM-событие будет срабатывать каждый раз, когда пользователь что-то нажимает на сайте. На скриншоте вы можете увидеть, как это выглядит в режиме отладки GTM ("Предварительный просмотр и отладка"), когда пользователь нажимает на что-то на веб-странице, когда включен прослушиватель щелчка GTM (как в вашем теге).
Может быть, вам помогут и некоторые соответствующие статьи с моего сайта о отслеживании кнопок / ссылок на GTM:
Моя проблема оказалась в том, что человек (из маркетинга), который дал мне html-теги GTM (noscript / script), не скопировал его должным образом (или что-то пошло не так, когда он был вставлен в JIRA). И после того, как я скопировал его напрямую (получив доступ к админ-панели GTM), он заработал так, как и ожидалось.
Видя, как я отлаживал это, пытаясь иметь только один index.html только с кнопкой в нем. Даже в тот момент трекер не работал, и я стал подозревать, почему это происходит, поскольку больше не было углового кода, который мог бы вызвать проблемы.
Извлеченный урок, в следующий раз скопируйте код самостоятельно, когда он вам понадобится, чтобы убедиться, что он не будет поврежден по пути:/