vue-analytics icon indicating copy to clipboard operation
vue-analytics copied to clipboard

Google Analytics plugin for Vue

:warning: Sorry but vue-analytics is not longer maintained. I would suggest you to switch to vue-gtag. With love, the guy who made the package.



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

Does this library support GA4?

Nope! GA4 is only supported by the new gtag.js library which you can find in the vue-gtag package. This package only uses analytics.js which doesn't provide that feature.

Requirements

Vue ^2.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

Follow me on twitter @matteo_gabriele