Получить текст нажатой кнопки в Google Analytics

Question

Я хочу точно знать, какой элемент из класса был нажат. Я включил параметр text в Диспетчере тегов:

Но он по-прежнему не отображается в объекте click. Но он не подхватил его, поскольку тег, содержащий текст, вложен в интерактивный элемент. Могу ли я добавить настраиваемый атрибут HTML, чтобы иметь возможность определять, какой элемент был нажат?

<div class="card-content"> //<---- clickable element
  <i aria-hidden="true" class="card-icon material-icons">business</i>
  <h3 class="card-title">Company details</h3> //<--- clicked text
</div>

Answer 1

Если вы собираетесь сохранить свой код как есть, вы можете создать пользовательскую переменную, используя Custom JavaScript.

Для этого вам нужно сначала создать пользовательскую переменную, выбрав Пользовательский JavaScript тип:

Этот код должен выполнять работу (я тестировал id)

function() {
    return {{Click Element}}.closest('.card-content').getElementsByClassName('card-title')[0].innerText;    
}

Пользовательская переменная вернет текст внутри .card-title.

Чтобы проверить пользовательскую переменную, вы можете создать тупой тег HTML с console.log сценарий, заменив Inside TXT именем, которое вы дали своей пользовательской переменной:

<script>console.log( {{Inside TXT}} )</script>

Триггер должен быть щелчком по всем элементам.

При предварительном просмотре этого тега захваченный текст должен появиться в вашей консоли, а также на панели отладчика.

Чтение снова ваш вопрос, мне интересно, собираетесь ли вы иметь несколько элементов .card-title внутри .card-content. В этом случае эта настраиваемая переменная работать не будет. Сообщите мне, в чем дело.

Кроме того, код мог бы быть проще, но я не совсем уверен, как он действительно будет работать на вашем сайте, поэтому этот код кажется более надежным, поскольку он работает щелчок в любом месте элемента.

РЕДАКТИРОВАТЬ: Чтобы протестировать его, после щелчка по элементу на левой панели (Сводка) появится новый «Щелчок». Там, на вкладке «Переменные», вы увидите переменные, захваченные щелчком. Данные будут храниться под именем переменной, которое вы дали переменной.

Answer 2

Лучший способ выяснить это - использовать «Предварительный просмотр и отладка»:

• Активировать
• Go на странице, где вы хотите протестировать (вы теперь должно появиться новое поле внизу)
• Щелкните элемент
• Проверьте переменные в поле отладки. Особенно проверьте данные click.element.

Я предполагаю, что, поскольку в блоке div нет «настоящего» текста, только дочерние теги, текст не может быть обнаружен.

Существуют различные варианты решения этой проблемы:

• добавить текст в качестве атрибута данных в div и использовать данные click.element
• использовать событие уровня данных pu sh
• если вы знаете JS, вы можете использовать данные click.element в переменной JS и перейти к h3