1. vue-ga
Google Analytics for Vue.js
vue-ga
Package: vue-ga
Created by: egoist
Last modified: Tue, 28 Jun 2022 19:32:59 GMT
Version: 1.1.0
License: MIT
Downloads: 603
Repository: https://github.com/egoist/vue-ga

Install

npm install vue-ga
yarn add vue-ga

vue-ga

NPM version NPM downloads Build Status donate

Simple Google Analytics binding for Vue.js apps, 534 bytes gzipped.

Install

 yarn add vue-ga

Usage

vue-router

 // ./router/index.js
import VueRouter from 'vue-router'
import ga from 'vue-ga'

Vue.use(VueRouter)

const router = new VueRouter()
ga(router, 'UA-XXXXX-Y')

export default router

non vue-router

It works with all SPA, even in non-Vue apps, just invoke the collect function after route changes, for example:

 ga(collect => {
  // when hash changes
  window.onhashchange = () => {
    collect(location.pathname + location.hash)
  }
}, 'UA-XXXXX-Y')

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Author

vue-ga © EGOIST, Released under the MIT License.

Authored and maintained by EGOIST with help from contributors (list).

egoistian.com · GitHub @egoist · Twitter @rem_rin_rin

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code