2017-02-16 14 views
0

ユーザーがフォームを送信するVueJSアプリケーションがあります。データは、Vue-resourceを使用してサーバーに送信されます。 Googleにこれがコンバージョンであることを伝える必要があります。VueJSでGoogle Analytics/Adwordsのコンバージョンをトラッキングする方法

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 
     ga('send', 'event', 'some-goal', 'success'); 
    }); 
    } 
} 

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

あなたは、Googleのスクリプトにあなたの単一ページアプリのルートを渡すことができますか?例: 'www.mysite.com'はあなたのSPAであり、あなたは' www.mysite.com/thanks'をgoogleスクリプトに渡しますか? –

+0

私はそれを行うことができます。しかし、この瞬間には少し時間がかかります!それが理由です。しかし、もし私がそれをすることができたらどうしますか?そのコードはどこに置くことができますか? –

+0

あなたもGoogleから受け取ったコードを共有してください。その後、私は答えを追加することができます。ルータを設定するのはかなり簡単です。それは多くの時間を取るべきではありません。 –

答えて

2

としてあなたは.then内部イベントを追跡するGoogleのAnalyticsを使用することができますイベントのアナリティクスであれば、この目標をAdWordsに戻すことができます。詳細については

は、以下を参照してください。https://developers.google.com/analytics/devguides/collection/analyticsjs/events

+0

私はそれも動作すると思います。私が使ったのはgoog_report_conversion( 'https://www.quotzap.com/get-quote')とその動作です! (AdWordsコンバージョントラッキング用) –

関連する問題