如何将标题/文档标题与手风琴按钮

时间:2018-05-21 10:04:19

标签: google-analytics google-tag-manager

强制性的'我用Google搜索但是被卡住了'。我在页面上有许多文档,其中包含可折叠的“更多信息”手风琴。我希望能够报告人们何时点击打开其中一个手风琴以及相应的文档名称。

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

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

将文档标题和更多信息按钮分开:

<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>

感谢您的期待!

1 个答案:

答案 0 :(得分:0)

我想我需要确定整个站点结构,但是对于你的例子,我在GTM中创建了一个JavaScript变量,它在点击时返回相应的h4文本。

此代码对我有用:

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