使用 GTM / JQuery 获取手风琴标题

Question

我的HTML:

<div class="children-group paragraph paragraph--type--services-child-accordion">
          
    <div class="accordion-tab">
        <h3>Body</h3>
        <img class="icon-angle-down" src="">
        <img class="icon-close" src="">
    </div>

    <div class="stuff-inside-accordion">...</div>

</div>

我在 GTM 中的自定义变量：

function(){
    var title = {{Click Element}}.closest('.paragraph--type--services-child-accordion').find('h3').text();
    return title;
}

我正在尝试在单击事件中拉入中的文本。但是，我的自定义变量未定义。不幸的是，我不能只使用 {{Click Text}} 变量，因为 h3 只占据可点击区域的一小部分。单击 div.accordion-tab 内的任意位置会触发手风琴打开。例如，如果您在 h3 文本和箭头 img 图标之间单击，则 {{Click Element}} 注册为 div.accordion-tab。如果直接点击 h3，{{Click Element}} 会注册为 h3，如你所料。无论我在可点击区域内点击哪里，我都想 return h3.

的文本值

Answer 1

我尝试使用另一种技术，并且能够让它发挥作用。这是我使用的代码：

function(){
  return google_tag_manager["GTM-XXXXXX"].dataLayer.get("gtm.element").parentElement.parentElement.querySelector("div.accordion-tab > h3").innerText
}

MeasureSchool推荐此方法：https://www.youtube.com/watch?v=26JfSV_LUzA

使用 GTM / JQuery 获取手风琴标题

Get title of accordion with GTM / JQuery

javascript

jquery

google-tag-manager