See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
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.

© 2022 Gatsby, Inc.