Vue plugin built on keen-tracking.js.
npm install vue-keen-tracking --save import VueKeen from "vue-keen-tracking"; const options = { projectId: "<KEEN_PROJECT_ID>", writeKey: "<KEEN_WRITE_KEY>" }; Vue.use(VueKeen, options); You can then access the KeenTracking object through this.$keen in any of your components/views.
You can add autoTracking: { ... } to configure Keens auto-tracking.
const options = { projectId: "<KEEN_PROJECT_ID>", writeKey: "<KEEN_WRITE_KEY>", autoTracking: { recordPageViews: true, ... } }; 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 options = { projectId: "<KEEN_PROJECT_ID>", writeKey: "<KEEN_WRITE_KEY>", trackRoutes: { router: router }, trackVuex: { store: store, mutations: true, actions: true } }; const user = await fetchUser(); this.$keen.extendEvents({ user }) this.$keen.recordEvent("purchases", { item: "avocado" });