Макрос Google Tag Manager для текста на странице в h1

Как я могу добавить макрос в Диспетчер тегов Google, который будет получать текст в div class="content", как показано здесь:

<article class="content">
              <h1>Meeting of the Committee</h1>

Я пытаюсь настроить событие Analytics, которое будет принимать текст этого h1 и помещать его в метку события. Действие события будет состоять в нажатии кнопки в другом месте страницы. Так что я хотел бы это:

Категория: Встреча Действие: Добавить в календарь Метка: Заседание комитета

Я также должен отметить, что (досадно) на этой странице есть несколько h1, но таргетинг на «.content h1» даст мне нужный мне текст. Я просто не знаю, как получить это значение в макросе.

Любая помощь приветствуется. Спасибо!


google-tag-manager
person Reid Dossinger    schedule 23.06.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Текст GTM h1

  1. Создайте переменную в GTM
  2. Выберите селектор CSS
  3. Поместите H1 в селектор элементов
  4. Используйте переменную для своих тегов
person lovelyramos    schedule 03.09.2018

arrow_upward
1
arrow_downward

Поскольку h1 не является элементом, по которому щелкнули, он не будет автоматически сохранен в макросе.

Таким образом, вы можете создать макрос пользовательского типа javascript со следующей функцией:

function() {
 return window.document.getElementsByTagName('h1')[0].innerText;
}

Это извлекает текст из первого h1 на странице (в идеале есть только один h1) и возвращает его.

Возможно, вы захотите добавить некоторую проверку ошибок в случае отсутствия H1, а также обсуждение необходимости использования innerText (вот сообщение о различия между innerHTML, innerText, textContent и т. д.), но, насколько я могу судить, innerText работает достаточно хорошо.

person Eike Pierstorff    schedule 24.06.2014