Question

我们正在尝试跟踪公司内部网站上的社交活动。不像facebook或twitter那样社交，而是我们自己的社交类型的事件，如下面的每个社交活动我们要记录以下action:label:value

分享：电子邮件：{人员电子邮件}
分享：邀请：{邀请的人数}
讨论：交：1
讨论：回答：3
率：分： -
率：如： -
标记：项： -

我们在页面上设置了通用分析和Google代码管理器。我跟着this tutorial on event tracking using data attributes，它正在运作。我这样设置：

<ol data-ua-event-social data-ua-action="rate" data-ua-label="stars">
  ...interactive star elements go in here
</ol>

<div data-ua-event-social data-ua-action="share" data-ua-label="email" data-ua-value="3">
  // some javascript on the page sets the data-ua-value node
  // as the user picks who/how many to share with.
</div>

我设置数据层变量以获得gtm.element.dataset.uaAction，gtm.element.dataset.uaLabel和gtm.element.dataset.uaValue。有一个点击 - 所有元素触发器匹配css选择器[data-ua-event-social]。

最后是一个标记，它触发触发器并使用自定义变量来填充ua事件的动作，标签和值。我在标签管理器预览和分析实时事件中看到了这项工作。

但似乎在每个html可跟踪的html元素上添加三个或四个数据元素会给我的页面添加大量的膨胀。

是否有某种方法可以将它组合起来或简化它？

我应该以完全不同的方式做这件事吗？你能推荐一个教程，展示其他方法吗？

我们还有其他类别的活动，例如navigation，media等，我们将面临类似的问题。所以我需要一些可以扩展到各种跟踪事件的东西。

Answer 1

您应该能够在数组中同时推送多个事件。我将在这里发布一个例子。我不确定这是否真的可以挽救臃肿。无论哪种方式，都必须传入变量名称和值。您可以在以下链接中找到有关此内容的更多详细信息： https://developers.google.com/tag-manager/devguide#events。

＆＃13;

<a href="#" onclick="dataLayer.push({
     'color': 'red',
     'conversionValue': 50,
     'event': 'customizeCar'
});">
    Customize Color
</a>

＆＃13;

使用gtm中的数据属性进行基于事件的跟踪

1 个答案: