vue-piwik

VuePiwik

Link your Piwik/Matomo installation

Installation

npm install --save vue-piwik

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VuePiwik from 'vue-piwik'

Vue.use(VuePiwik, {
  host: 'https://matomo.example.com',
  siteId: 5,
  router: router // Enables automatically registering pageviews on the router
})

// Now you can access piwik api in components through
this.$piwik

// or
window._paq.push

// or through
window.Piwik.getTracker

For available operations see the piwik api docs

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="vue-piwik/dist/vue-piwik.css"></link>
<script src="vue-piwik/dist/vue-piwik.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/vue-piwik/dist/vue-piwik.css"></link>
<script src="https://unpkg.com/vue-piwik"></script>

Development

Launch visual tests

npm run dev

Launch Karma with coverage

npm run dev:coverage

Build

Bundle the js and css of to the dist folder:

npm run build

Publishing

The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish

License

MIT