Nuxt Clarity Analytics

Nuxt 3プロジェクトにClarity Analyticsを簡単に統合するためのモジュール。

！注意より完全なソリューションであるNuxt Scriptsを試すことをお勧めします。

✨ リリースノート

機能

✅ Nitroを使用するNuxt 3で動作します（SSRとSSG）

クイックセットアップ

プロジェクトにnuxt-clarity-analytics依存関係を追加します

npx nuxi@latest module add clarity-analytics

nuxt.config.tsのmodulesセクションにnuxt-clarity-analyticsを追加します

export default defineNuxtConfig({
  modules: [
    'nuxt-clarity-analytics'
  ]
})

次に、環境変数にClarity IDプロジェクトNUXT_CLARITY_IDを登録する必要があります。

それでVoilà！です。

ブラウザでページを調べると、スクリプトが正しく挿入されているかどうかを簡単に確認できます。キーがない場合は何も挿入されないことに注意してください！

ユーティリティclarityContentを使用して、ユーザーが同意した場合にCookieを使用することもできます。これはwindow.clarityをラッピングしたものです。Clarity文書を参照してください。

開発

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release