Google Tag Manager для googлят: Руководство по управлению тегами. Яков Осипенков

Чтение книги онлайн.

      Триггер в GTM будет активироваться при выполнении события по всем элементам “p” на странице внутри элементов ”div”.

      Не обязательно должен быть «родительский узел» – «узел потомка», но необходимо, чтобы первый элемент был перед вторым.

      Пример div>span. Конструкция «элемент>элемент» выбирает все дочерние элементы “span”, у которых родитель – элемент ”div”.

      Разберем это на конкретном примере:

      Рис. 46. Пример конструкции «элемент>элемент»

      Добавляем в Google Tag Manager условие активации триггера:

      Рис. 47. Клик по элементам, соответствующим CSS-селектору div>p

      Триггер в GTM будет активироваться при выполнении события по дочерним элементам “p” на странице внутри элемента ”div”, то есть тех, которые на скриншоте выше выделены зеленым цветом и соответствуют строке «Мороз и солнце; день чудесный!».

Элемент+Элемент

      Пример div+a. Конструкция «элемент+элемент» позволяет выбрать все элементы <a>, которые расположены сразу после закрывающегося тега <div>.

      Рис. 48. Конструкция «элемент+элемент» на примере div+a

      Таким образом, если мы зададим условие активации триггера в GTM по Click Element и соответствию селектору CSS “div+a”, то тег будет активироваться по событию на странице по тегу <a>, который идет сразу после закрывающегося тега ”div” (выделено зеленым), игнорируя другие теги <a> внутри “div” (выделены красным).

      Рис. 49. Клик по элементам, соответствующим CSS-селектору div+a

Элемент~Элемент

      Пример p~ol. Конструкция «элемент~элемент» позволяет выбрать все элементы “ol”, которым предшествует элемент “p”.

      Селекторы по атрибутам

      У элементов HTML есть атрибуты – это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом. СКАЧАТЬ