Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up for Free
Community Plugin
View plugin on GitHub

gatsby-plugin-hotjar

Easily add Hotjar Analytics to your Gatsby site.

Install

yarn add gatsby-plugin-hotjar

or

npm i gatsby-plugin-hotjar --save

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-hotjar`,
    options: {
      includeInDevelopment: true, // optional parameter to include script in development
      id: YOUR_HOTJAR_ID,
      sv: YOUR_HOTJAR_SNIPPET_VERSION,
    },
  },
];

To find your Hotjar ID, click the Tracking code button for your site. The Hotjar Snippet Version is in the tracking code, look for a line like:

h._hjSettings={hjid:[hotjar id],hjsv:6};

The version is the value of hjsv.

© 2024 Gatsby, Inc.