In case you want to use Google Adword and Google Analytic together on your Vue.js app, and you want to show Pageviews prperly on your Google Analytic, you should follow these steps. You should link your Google AdWord account to your Google Analytic beside these steps. This instruction is only focused on coding section.
- Add Global site tag script right after head tag in you main html file. (For example index.html)
<head>
<!-- Global site tag (gtag.js) - Google Ads: XXXXXXXX -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXX"></script>
<!-- rest of tags in header -->
</head>
- Add Config section before closing head tag
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
// this is from Google Analytic tracking code
gtag('config', 'UA-XXXXXXXX-X');
//this is from Google AdWord code
gtag('config', 'AW-XXXXXXXX');
</script>
- Add googleAnalytic.vue component into all the pages which need to track pageview.
// TODO: Add gtag_report_conversion methods
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent