nuxt-clarity-analytics

Nuxt用Clarity Analyticsモジュール

6.5Kダウンロード•12スター•v0.0.9

Barbapapazes

Nuxt Clarity Analytics

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

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

✨ リリースノート

機能

✅ Nitro (SSRおよびSSG) を使用するNuxt 3で動作します

クイックセットアップ

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

npx nuxi@latest module add clarity-analytics

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

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

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

これで*Voilà*です！

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

また、ユーザーが同意したときにCookieを使用するために、ユーティリティclarityContentを使用することもできます。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