Google Tag Manager для googлят: Руководство по управлению тегами | страница 20
Пример #maiLeaderboard. Это означает, что css-селектор #id соответствует всем элементам с идентификатором maiLeaderboard (id=”mainLeaderboard”).
Рис. 40. Клик по элементам, соответствующим CSS-селектору
c идентификатором #maiLeaderboard
Для выбора всех элементов на странице существует универсальный селектор (*). Помните этот спецсимвол в регулярных выражениях? Там он соответствует 0 или более предыдущих элементов, а здесь служит для одновременного установления одного стиля для всех элементов веб-страницы. Например, чтобы задать шрифт или начертание текста.
Рассмотрим пример, в котором нам необходимо отследить клик по любому блоку внутри блока Рис. 41. Пример использования универсального селектора * Настроить в GTM триггер на клик по элементу с классом "block", используя встроенную переменную Click Classes = “block”, не получится, так как сам клик будет приходиться на один из узлов-потомков блока block. А настраивать на каждый внутренний элемент (firstscreen dark-1, secondscreen dark-1 и т.д.) не целесообразно. По этой причине будем использовать универсальный селектор * для класса .block: Рис. 42. Клик по элементам, соответствующим CSS-селектору класса .block и всех узлов-потомков с помощью универсального селектора * Такая запись означает, что необходимо отслеживать клик по всем узлам-потомкам элемента с классом "block". В CSS есть такое понятие, как «комбинаторы». Они позволяют объединить множество селекторов, что дает возможность выбирать элементы внутри других элементов, или смежные элементы. Элемент Если необходимо выбрать все определенные элементы на страницы, используйте конструкцию «элемент». Рис. 43. Клик по элементам, соответствующим CSS-селектору по div Триггер в GTM будет активироваться при выполнении события по всем элементам “div” на странице. Если необходимо выбрать все элементы “div” и “p”, то используйте конструкцию «элемент, элемент». Рис. 44. Клик по элементам, соответствующим CSS-селектору по div, p Триггер в GTM будет активироваться при выполнении события по всем элементам “div” и “p” на странице. Если необходимо выбрать элемент, вложенный в другой элемент, то используйте конструкцию «элемент элемент». Рис. 45. Клик по элементам, соответствующим CSS-селектору div p Триггер в GTM будет активироваться при выполнении события по всем элементам “p” на странице внутри элементов ”div”. Не обязательно должен быть «родительский узел» – «узел потомка»
