如何在VueJS中跟踪Google Analytics / Adwords转化次数

时间:2017-02-16 06:10:56

标签: google-analytics vue.js google-adwords vuejs2 vue-resource

我有一个VueJS应用程序,用户提交表单。使用Vue-resource将数据发送到服务器。我需要告诉Google这是转换。

Google给我的是一个脚本,告诉我放入' thanks.html'或者那样的页面。我的VueJS应用程序是单页面应用程序。所以我该怎么做?我应该把代码放在哪里?

提交表单的VueJS代码:

methods: {
  submit() {
    this.$http.post(store.state.url+'api/submit_quote.php', {
        formData: this.formData
    })
    .then(response => {
      this.submitted = true
    });
  }
}

1 个答案:

答案 0 :(得分:2)

您可以在.then中使用google analytics跟踪事件:

  methods: {
  submit() {
    this.$http.post(store.state.url+'api/submit_quote.php', {
        formData: this.formData
    })
    .then(response => {
      this.submitted = true
      ga('send', 'event', 'some-goal', 'success');
    });
  }
}

然后,您可以在Google Analytics中为该活动设置目标,然后可以将此目标分享回AdWords。

有关详细信息,请参阅:https://developers.google.com/analytics/devguides/collection/analyticsjs/events