Vue Analytics
Simple implementation of Google Analytics in Vue.js
Dispatch events and track views from Vue components.
Requirements
- Vue.js. > 2.0.0
- Google Analytics account. To retrieve Data
Configuration
npm install vue-ua -S
or yarn add vua-ua
if you use Yarn package manager
Here is an example of configuration, compose with it on your own :
const router = routes mode linkActiveClass Vue
Documentation
Once registered you can access vue analytics in your components like this :
name: 'MyComponent' { return someData: false } methods: { this$ua // OR this$analytics } { this$ua }
You can also access the instance everywhere using Vue.analytics
, it's useful when you are in the store or somewhere else than components.
API reference
trackEvent (category, action = null, label = null, value = null, fieldsObject = {})
/** * Dispatch an analytics event. * Format is the same as analytics classical values. * * @param category * @param action * @param label * @param value * @param fieldsObject */
trackView (screenName)
/** * Dispatch a view using the screen name * * @param screenName */
injectGlobalDimension (dimensionNumber, value)
/** * Inject a new GlobalDimension that will be sent every time. * * Prefer inject through plugin configuration. * * @param * @param */