javascript - 使用 Google Analytics 的 Vuejs 事件跟踪

Question

我希望在按钮和链接上跟踪谷歌分析事件。通常在 jquery 中，我会在数据属性中传递值并获取它们并调用所需的函数。我知道我不应该使用数据属性所以我正在寻找这样做的最佳方法，可以有多个按钮执行不同的数据目的(属性)不同的跟踪所以我需要传递数据目的和数据用户到 vue 组件/功能

<button id="openmodal"  data-purpose="contact form" class="btn__primary" aria-label="Help" @click="contactForm">Contact Form</button>
  <button id="openmodal"  data-purpose="Opt In" class="btn__primary" aria-label="Help" @click="optIn">Opt In</button>

在分析中

ga('send', {
  hitType: 'event',
  eventCategory: 'button',
  eventAction: 'data-purpose',
  eventLabel: 'VALUE OF BUTTON'
});

Answer 1

我最终使用了 vue-analytics .作者提供了易于理解的文档

更新:作者已停止维护该包并推荐使用他构建的另一个名为 vue-gtag 的新包.如果您使用的是 Vue2，请使用 this branch相反。