Поскольку использовать до этого макрос {{element}} мне не приходилось, проверил его работоспособность на тестовом сайте и столкнулся с рядом сложностей. Сегодня хочу поделиться с вами вариантом его использования для собственных нужд.
Начну пожалуй с того, что все таки рекомендуется использовать для идентификации элементов на странице макросы {{element id}} и {{element classes}}, но если вы все же решили использовать {{element}}, то необходимо немного выполнить несколько дополнительных операций.
Давайте рассмотрим практическую задачу. Отследить клики по всем тегам <div></div> на странице. Обратите внимание, что если в контейнере div содержатся другие теги, то клики будут фиксироваться на них, а не на div-е. Учтите иерархию.
Создадим новый макрос, для этого нажмите на следующую кнопку:
Создание макроса в Google Tag Manager
В открывшемся окне укажите имя, например “element tagname” и тип макроса “Собственный код JavaScript”:
Имя и тип макроса
Далее необходимо заполнить поле «Собственный код JavaScript» следующим содержанием:
|
1
2
3
4
|
function() {
var e = {{element}};
return e.tagName.toLowerCase();
}
|
Должно получится примерно следующее:
Код макроса Google Tag Manager
Сохраните изменения нажав “Сохранить” внизу страницы. На этом создание нового макроса завершено.
Проверим работу и значения возвращаемые созданным макросом. Создайте тег для прослушивания всех кликов на странице, затем тег для фиксации событий Google Analytics.
В качестве параметров отслеживания событий укажите одним из значений ранее созданный тег, например таким образом:
Пример настройки тега для Google Analytics
Сохраните изменения, создайте версию контейнера и опубликуйте ее. Теперь можете перейти к отчетам Google Analytics “В реальном времени” и проверить работоспособность выполненных операций.
У меня на странице тестового сайта имеется несколько тегов: из них div, span и форма. После кликов на них получил следующий результат:
Демонстрация работы макроса Google Tag Manager
Давайте теперь “уберем” не нужные нам клики по элементам отличным от div, как того требует наша задача.
Для этого нужно добавить правило в теге, который передает отправку данных в Google Analytics. Перейдите к настройкам этого тега и выберите правило, которое фиксирует клик по любому элементу и добавьте к нему следующее условие – {{element tag name}} равно div:
Изменение правила тега Google Tag Manager
После этого будут фиксироваться клики только по тегам <div></div>. На этом задачу можно считать решенной.
