vue-hotjar

   

Vue Hotjar

This is a simple Vue plugin that will allow you to easily add Hotjar to any Vue project.

Why should I use it

If you just add the Hotjar snippet to your site it will start tracking user activity regardless of the enviroment Eg. in development mode. This is undesirable and this extension will take care of that. It will also help you to easilty manage the your hotjar ID's in staging and development enviroments.

Requirements

Vue ^3.0.0

Install

npm install vue-hotjar

Start using it your Vue application

import Vue from 'vue'
import Hotjar from 'vue-hotjar'

Vue.use(Hotjar, {
    id: 'XXXXXXX' // Hotjar Site ID
})

Parameters

Id:

Your Hotjar Site ID is a required parameter and can be found on your Hotjar account.

id: 'XXXXXXX' 

snippetVersion:

This optional paramater does not need to be specified as it will default to the latest Hotjar Snippet version. Currently it will default to version 6.

snippetVersion: 6 

isProduction:

If you would like to disable or enable tracking pass in either true or false. It is advised to bind your Node ENV. This is an optional parameter and will default to true if not specified

isProduction: true 

Full Example

import Vue from 'vue'
import Hotjar from 'vue-hotjar'

Vue.use(Hotjar, {
    id: 'XXXXXXX',
    snippetVersion: 6,
    isProduction: true 
})