gatsby-plugin-clarity
Microsoft Clarity is a free user behavior analytics tool developed by Microsoft that helps you understand how users are interacting with your website through session replays and heatmaps.
Install
npm install gatsby-plugin-clarity
How to use
// In your gatsby-config.js
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-clarity`,
options: {
// String value for your clarity project id
// Project id is found in your clarity dashboard url
// https://clarity.microsoft.com/projects/view/{clarity_project_id}/
clarity_project_id: YOUR_PROJECT_ID,
// Boolean value for enabling clarity while developing
// true will enable clarity tracking code on both development and production environments
// false will enable clarity tracking code on production environment only
enable_on_dev_env: true,
},
},
],
};