vue-keen-tracking

Vue plugin built on keen-tracking.js.

Install

npm install vue-keen-tracking --save

import VueKeen from "vue-keen-tracking";

const keenOptions = {
  projectId: "<KEEN_PROJECT_ID>",
  writeKey: "<KEEN_WRITE_KEY>"
};

Vue.use(VueKeen, keenOptions);

You can then access the KeenTracking object through this.$keen in any of your components/views.

You can add autoTracking: true to the config to add Keens auto-tracking.

Vue-Router and Vuex

To track events from vue-router or vuex, extend your config with this:

import VueRouter from "vue-router";
import Vuex from "vuex";

Vue.use(Vuex);
Vue.use(VueRouter);

const router = require("./router");
const store = require("./store");

const keenOptions = {
  projectId: "<KEEN_PROJECT_ID>",
  writeKey: "<KEEN_WRITE_KEY>",
  trackRoutes: {
    router: router
  },
  trackVuex: {
    store: store,
    mutations: true,
    actions: true
  }
};

Extend event properties

API reference

const user = await fetchUser();
this.\$keen.extendEvents({
user
})

Record an event

API reference

this.\$keen.recordEvent("purchases", {
  item: "avocado"
});