Google Analytics - получение щелчка по вложенному событию диапазона без класса и идентификатора

Question

Я использую Диспетчер тегов и Anayltics 360. Мой код выглядит следующим образом:

<div rel="ABC_Links" class="ak_widget" >
<!-- BEGIN: Widget - Links -->
<section class="mfb-30">
    <div class="widget_links">
        <div class="widget_container">
            <div class="widget_content">
                <button type="button" class="buttonShadow" onclick="window.open('https://somepagelink.aspx); return false;">
                    <div class="widget_item">
                        <div class="widget_icon">
                            <svg>123</svg>
                        </div>
                        <div class="widget_text"><span style="overflow-wrap: normal;">ABCD TEXT</span></div>
                    </div>
                </button>

               <button type="button" class="buttonShadow" onclick="window.open('https://somepagelink.aspx); return false;">
                    <div class="widget_item">
                        <div class="widget_icon">
                            <svg> 12345</svg>
                        </div>
                        <div class="widget_text"><span style="overflow-wrap: normal;">XYZ TEXT</span></div>
                    </div>
                </button>

            </div>
        </div>
    </div>
</section>
<!-- END: Widget Links --></div>

У меня 12 кнопок в том же формате. Здесь я привел пример двух кнопок. Имя кнопки я могу изменить позже, поэтому я не могу считать его жестко закодированным для "Click Text" в диспетчере тегов. Я могу использовать только rel = "ABC_Links" в качестве уникального идентификатора. Я не могу использовать ни один из следующих классов, поскольку они не уникальны. Я использовал Custome javascript, чтобы получить отношения родитель-ребенок, но не сработало. Я использовал переменную элемента DOM, но это не сработало.

Теперь вопрос: есть ли способ вызвать событие в диспетчере тегов, когда я нажимаю на любую из кнопок ниже и получаю информацию в реальном времени о событии в Anayltics 360 ???

Answer 1

Один из способов добиться этого - создать пользовательскую переменную JavaScript в GTM, чтобы установить isABCLink = true при нажатии кнопки.

1. На экране переменных в разделе «Встроенные переменные» убедитесь, что у вас установлен флажок «Click Element».
2. Создать пользовательскую переменную
   Имя: isABCLink
   Тип: Пользовательский JavaScript
   Код:

   function() {
     return {{Click Element}}.matches("div[rel=ABC_Links] button, div[rel=ABC_Links] button *");
   }
   

3. Создать триггер
   Тип триггера: Click - All Elements
   Этот триггер срабатывает: Некоторые клики
   Условия: isABCLink равно true
4. Настройте активацию вашего тега на триггере выше

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