Question

我希望在按钮和链接上跟踪谷歌分析事件。通常在jquery中，我会传递data-attributes中的值并获取它们并调用所需的函数。我理解我不应该使用数据属性所以我正在寻找最好的方法，可以有多个按钮执行不同的跟踪与不同的数据目的（属性）所以我需要传递数据目的和数据用户到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。有很容易遵循作者的文档

Answer 2

我建议您尝试对Segment启用对Vue应用程序的分析！您可以添加一行跟踪代码，并通过在我们的信息中心上启用目标来查看将这些数据发送到GA的情况。这是一个通过track调用使用事件处理程序的示例：

<template>
  <button v-on:click="trackEvent">
    {{ title }}
  </button>
</template>

<script>
export default {
  name: 'SignupButton',
  data() {
    return {
      title: 'Signup with Segment today!'
    }
  },
  methods: {
    trackEvent () {
      window.analytics.track('User Signup')
    }
  }
}
</script>

我是https://github.com/segmentio/analytics-vue的维护者。使用“细分”，如果您有兴趣尝试使用多种分析工具（我们支持超过250个目标），而无需编写任何其他代码，则只需轻按一下即可切换不同的目标。

Vuejs使用Google分析进行事件跟踪

2 个答案: