VuePress EcosystemVuePress Ecosystem
  • Theme Guidelines
  • theme-default
  • Hope Theme
  • Plume Theme
  • Reco Theme
  • Feature Plugins
  • Markdown Plugins
  • Search Plugins
  • Blog Plugins
  • PWA Plugins
  • Analytics Plugins
  • SEO Plugins
  • Development Plugins
  • Tool Plugins
  • AI Plugins
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • Theme Guidelines
  • theme-default
  • Hope Theme
  • Plume Theme
  • Reco Theme
  • Feature Plugins
  • Markdown Plugins
  • Search Plugins
  • Blog Plugins
  • PWA Plugins
  • Analytics Plugins
  • SEO Plugins
  • Development Plugins
  • Tool Plugins
  • AI Plugins
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • baidu-analytics
  • clarity-analytics
  • google-analytics
  • umami-analytics

clarity-analytics

@vuepress/plugin-clarity-analytics

Integrate Clarity Analytics into VuePress.

Usage

npm i -D @vuepress/plugin-clarity-analytics@next
.vuepress/config.ts
import { clarityAnalyticsPlugin } from '@vuepress/plugin-clarity-analytics'

export default {
  plugins: [
    clarityAnalyticsPlugin({
      // options
    }),
  ],
}

Reporting Events

The plugin helps you understand user interaction with your website.

Supported Features

  • Session recordings
  • Heatmaps
  • Event and funnel tracking
  • Chat and summarize with Copilot

After using this plugin, the global clarity() function is available on the window object for advanced features.

Options

id

  • Type: string
  • Required: Yes
  • Details: Clarity Analytics project ID.

crossOrigin

  • Type: string
  • Default: undefined
  • Details: The crossorigin attribute, provides support for CORS.
Edit this page on GitHub
Last Updated: 7/31/25, 2:41 PM
Contributors: ZhaoBin
Prev
baidu-analytics
Next
google-analytics