Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-hotjar-next

Package Overview
Dependencies
Maintainers
0
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-hotjar-next

Vue 3 Hotjar plugin

  • 2.1.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
6.8K
decreased by-10.02%
Maintainers
0
Weekly downloads
 
Created
Source



test    

Vue Hotjar Next

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

Install

npm install vue-hotjar-next

Start using it in your Vue application.

import { createApp } from 'vue'
import App from './App.vue'
import VueHotjar from 'vue-hotjar-next'

const app = createApp(App);

app.use(VueHotjar, {
  id: 12345678,
  isProduction: true,
  snippetVersion: 6
});

app.mount("#app");

Parameters

id:

Your Hotjar Site ID is a required parameter, this can be of type string or number. You can find this ID here under tracking.

id: 12345678

isProduction:

If you would like to disable or enable tracking this parameter is of type boolean. It is advised to bind your Node ENV variable. This is an optional parameter and will default to true if not defined.

isProduction: true 

snippetVersion:

This optional parameter that will default to the latest Hotjar Snippet version. Currently, it will default to version 6. This parameter is of type number.

snippetVersion: 6 

Accessing The Hotjar API

Instead of accessing Hotjar API's through the window object like window.hj you can simply interact with the Hotjar API via Vue global properties.

Identify API

Hotjar’s Identify API allows you to pass data about your users to Hotjar using Javascript. Instead of using the window.hj method to access the API this plugin binds the window.hj API to a global property that can be accessed as follow: app.config.globalProperties.$hj

Settings

Hotjar also binds the settings such as the Hotjar ID and snippet version to window._hjSettings property. You can also access this through a global with app.config.globalProperties.$hjSettings.

Vue Compatibility

This plugin is specifically intended for use with Vue version 3. If you are using Vue version 2 please see vue-hotjar.

Keywords

FAQs

Package last updated on 28 Jun 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc