⚠️ This plugin will stop receiving feature requests. I will only spend time for important bug fixes. Google moved from analytics.js to its new gtag.js library and I've created a new plugin called vue-gtag. I suggest you to start using that one if you are about to create a new project.

This plugin is a Vue3 version of https://github.com/MatteoGabriele/vue-analytics. Some functionality is removed, but using this.$ga.event and this.$ga.page should work.

vue-analytics

Vue plugin for Google Analytics

Why should I use it?

The plugin isn't just a wrapper of the Google Analytics API, but provides a solution to issues that most of the time you don't want to deal with or you not even know you have to deal with.

For example:

• Automatic Google Analytics script loading
• Automatic page tracking
• Event batching
• Opt-out from Google Analytics with promise support
• Multiple domain ID tracking system
• Vuex support
• E-commerce API
• Vue error exception tracking system
• Debugging API

Requirements

Vue ^3.0.0

Articles

Google Analytics, GDPR and Vuejs

Vuejs and Google Analytics

Tips & tricks for vue-analytics

Install

npm install vue-analytics

User guide

• Get started
• How to load Google Analytics
• Page tracking
• Event tracking
• Screen tracking
• Event batches
• v-ga
• Cross-domain tracking
• User timings
• Exception tracking
• Require
• Set
• Social interactions
• Fields
• On Analytics script ready
• Custom methods
• E-commerce
• Untracked hits
• Vuex
• Turn off during development
• Console logs
• Opt-out from Google Analytics
• Custom analytics.js URL
• Debug

Issues and features requests

Please drop an issue, if you find something that doesn't work, or a feature request at https://github.com/MatteoGabriele/vue-analytics/issues

Follow me on twitter @matteo_gabriele