如何将标题/文档标题与手风琴按钮相关联答案

【问题标题】：How to associate a heading/document title with an accordion button如何将标题/文档标题与手风琴按钮相关联
【发布时间】：2018-05-26 05:16:11
【问题描述】：

必填“我已经用谷歌搜索过，但卡住了”。我在一个页面上有许多文档，其中包含相关的可折叠“更多信息”手风琴。我希望能够报告人们何时单击打开这些手风琴之一以及相应的文档名称是什么。

在 GTM 中实现跟踪以显示手风琴上的打开不是问题，但是如何将文档名称 (h4) 与点击事件相关联？

包含文档、文档标题和相关“更多信息”的 Div： enter image description here

文档标题和更多信息按钮所在的div：

<div class="employee-comms-results-documents">
<div class="row">
<div class="col-md-9 col-sm-8 col-xs-12 no-padding-right no-padding-left">
<div>
<div class="primary-document-meta"><div class="doc-type-pill" id="doc-type-pill-Flyers">Flyers
    </div>
</div>
<h4>Helping you save for retirement</h4>
<div class="secondary-document-meta"><a href="#" class="btn-moreinfo" data-reveal="slide-54">More info <span class="caret"></span></a>
</div>
</div>
</div>

感谢期待！

【问题讨论】：

标签： google-analytics google-tag-manager

【解决方案1】：

我想我需要查看整个网站结构才能确定，但对于您的示例，我在 GTM 中创建了一个 JavaScript 变量，该变量在点击时返回相应的 h4 文本。

这段代码对我有用：

function(){
  var clickElement = jQuery({{Click Element}}).parent(".secondary-document-meta").parent("div").find("h4").text();
  return clickElement;
}

【讨论】：