链接位置跟踪与GTM

时间:2014-09-15 09:00:00

标签: jquery html5 google-analytics google-tag-manager universal-analytics

是否可以使用GTM在Google分析事件中发送链接的位置?我想在动态前10个概述中跟踪哪个位置获得点击的链接。我已经检查了页面的来源,但没有任何可用于指定位置的引用(类,文本,id等)。还有其他方法可以确定链接收到的点击次数是多少?

2 个答案:

答案 0 :(得分:1)

我会看看Universal Analytics Enhanced Ecommerce tracking,特别是Product ImpressionsProduct Clicks

基本上,您指定列表,产品的位置(不一定是产品特定的)等,并在GA中启用增强型电子商务。然后,您将可以访问“产品列表性能”报告,您可以在其中查看“职位”等。

答案 1 :(得分:0)

根据页面的布局,有很多方法可以做到这一点。

我们来看以下示例页面:

<div>
    <div>
        <h3>A Subheader</h3>
        <a href="page/to/link/to.html">Link</a>
    </div>
    <div>
        <p>Some paragraph Stuff</p>
        <a href="page/to/link/to.html">Link</a>
    </div>
</div>

请注意,虽然上面的两个链接是相同的,但它们在DOM中的上下文不是。

如果在GTM中设置了单击触发器,则click事件将返回名为“gtm.element”的对象。此对象是您单击的元素的DOM表示。

假设点击是页面上发生的第4次GTM事件。由于数组是零索引的,因此它将存储在dataLayer [3]中。然后,在浏览器控制台中,您可以通过键入以下内容来访问gtm.element对象:

dataLayer[3]['gtm.element']

这对我们没有多大帮助,因为这两个元素是相同的,但关于gtm.element的好处是我们可以遍历DOM。请注意,链接的父div具有不同的first-child元素。第一个链接前面是&lt; h3&gt;标记和第二个链接前面是&lt; p&gt;标签。要返回此值,您需要“父元素的第一个孩子的标记名称”这是您在浏览器控制台中访问它的方式:

dataLayer[3]['gtm.element'].parentElement.firstChild.tagName

在GTM门户中,变量使用点表示法,因此您可以这样定义:

{{Oldest Sibling TagName}} = gtm.element.parentElement.firstChild.tagName

现在您拥有了“Oldest Sibling TagName”变量,您可以在查找表变量中使用它来告诉您点击了哪个链接,如此:

Input Variable = {{Oldest Sibling Tagname}}

Input: H3 - OutPut: "Top Link"
Input: P - Output: "Bottom Link"

我们将此变量命名为“Link Position”

现在,您只需使用“分类”,“操作”,“标签”下的GA标记中的“链接位置”变量,或者您要在其下跟踪的任何自定义变量。

相关问题