Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Easily add Hotjar Analytics to your Gatsby site.


yarn add gatsby-plugin-hotjar


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,

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.

© 2023 Gatsby, Inc.