javascript - 如何在 Google 跟踪代码管理器中记录 Javascript 驱动的 window.open

Question

问题是这样的:

我使用 jQuery 允许用户单击某个元素，并且 jQuery 单击函数运行 window.open 命令来打开新选项卡。这允许用户单击对象上的任意位置(而不仅仅是链接)并转到所需位置。该链接是 PDF。我可以跟踪 Google 跟踪代码管理器中 a 标记元素的点击次数，但无法跟踪通过 JavaScript 打开窗口的点击次数。我使用带有正则表达式的触发器在跟踪代码管理器中查找 .pdf 后缀。

这是 HTML:

<div class='floorplan'>
    <img target='_blank' src='images/floorplan-05.png' width='100%' alt='Floorplan 05'>
    <h4>05 Residence</h4>
    <span class='line'></span>
    <p>3 Bedroom / 3.5 Bath</p>
    <p>Living Area: 2,458 sq. ft.</p>
    <p><a href='pdf/floorplan-05.pdf' target='_blank'>Download PDF</a></p>
  </div>

这是 javascript/jQuery:

$('.floorplan').click(function()
{
    var linky = $(this).find('a').attr('href');
    window.open(linky,'_blank');
});

我不擅长操纵 Google 提供的 dataLayer。我应该如何更改我的 JavaScript 来触发我的链接的事件触发器？以下是有关如何在跟踪代码管理器中进行设置的一些信息:

标签

• 名称:PDF 点击次数
• 类别:PDF 点击
• 操作:{{Event}}
• 标签:PDF | {{点击网址}}
• 值:1

触发器

• 名称:PDF 点击次数
• 事件:点击
• 触发器类型:点击
• 启动:点击 URL 与 RegEx .pdf$ 匹配

Answer 1

你可以使用类似的东西:

$('.floorplan').click(function()
{
var linky = $(this).find('a').attr('href');
window.open(linky,'_blank');
window.dataLayer = window.dataLayer || [];
dataLayer.push({'event':'link-click'});
});

将值推送到 dataLayer，然后在 GTM 中使用名称为“链接点击”的事件作为触发代码的触发器。