Как захватить вложенный элемент HTML?

Question

Я пытаюсь захватить элемент HTML с целью отправки значения в GA в качестве события. Я использую GTM и хочу использовать триггер щелчка, чтобы вывести это значение HTML в переменную.

Например, теги настроены так:

<div class ="xxxyyyyzzzz" value1="qwejsdkfj" value3="akhdfjksh"> 
    <div class ="fjk" > 
     <h1> "xyz2"</h1> 

с каждым уровнем вложенного под другими. Значение, которое мы хотим захватить для целей GTM, - это та, которая находится под h1 («xyz2»). Это возможно?

Answer 1

Вам нужно выбрать значение в JS и передать его в GA через событие (или начальное представление страницы, если вы хотите, чтобы количество запросов было низким).

Метод без ГТМ:

Выберите значение вашего HTML-тега с помощью селектора

// select the value via CSS selector, catch the first result of your query 
var selector = document.querySelectorAll(".fjk h1")[0]; 

// select your category, action and label (I set label with the value of your selector 
if(selector) ga('send', 'event', [eventCategory], [eventAction], selector, [eventValue], [fieldsObject]); 

Метод в ГТМ:

Создать переменную, которая хранит информацию о вашей HTML-тега. Используйте «Селектор CSS» в определении переменной и используйте селектор CSS, о котором я упоминал выше.

Используйте переменную в определении универсального анализатора Analytics. Вы можете установить значение настраиваемого индекса измерения со значением вашей определенной переменной.