ドキュメント

Monoidをサイトで実行するために必要なすべて。

1. アカウントを作成

monoid.websiteにアクセスし、メール、パスワード、ドメインを入力します。有効化リンクがメールで送信されます。

2. トラッカースニペットを追加

確認後、サイトの<head>タグ内にこれを貼り付けてください。YOUR_SITE_IDをダッシュボードのIDに置き換えてください。

html

<script async defer
  src="https://api.monoid.website/tracker.min.js"
  data-site-id="YOUR_SITE_ID"
  data-autotrack="true">
</script>

スクリプトは非同期で読み込まれます — ページレンダリングをブロックすることはありません。データは数秒以内にダッシュボードに表示され始めます。

3. インストールを確認

ブラウザでサイトを開き、Monoidダッシュボードを確認してください。Live Visitorsパネルにページビューがリアルタイムで表示されるはずです。1分経っても何も表示されない場合は、data-site-id属性がサイトIDと正確に一致していることを確認してください。

Next.js / React

Next.jsでは、スニペットを_document.tsxに追加するか、strategy="afterInteractive"を指定したnext/scriptコンポーネントを使用してください：

tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://api.monoid.website/tracker.min.js"
          data-site-id="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

WordPress

テーマのfunctions.phpに以下を追加してください：

php

function monoid_tracker() {
  echo '<script async defer src="https://api.monoid.website/tracker.min.js" data-site-id="YOUR_SITE_ID" data-autotrack="true"></script>';
}
add_action('wp_head', 'monoid_tracker');

JSなし追跡（ピクセル）

JavaScriptを実行できない場合 — JSが無効化されたサーバーレンダリングページ、厳格な静的ページ、スクリプトをブロックする環境 — 代わりに追跡ピクセルを使用してください。追跡を発火させたい場所にこの<img>タグを配置します。YOUR_SITE_IDを置き換え、pを現在のページパスに設定してください。

html

<img src="https://api.monoid.website/pixel.gif?s=YOUR_SITE_ID&p=/your-page-path"
  width="1" height="1" alt=""
  style="display:none"
  referrerpolicy="strict-origin-when-cross-origin" />

ピクセルはJSトラッカーと同じコアアナリティクスデータを記録します — パス、リファラー、国、デバイスタイプ、日次訪問者ハッシュ — ただし画面幅は記録しません（JavaScriptが利用できないため）。ブラウザのRefererヘッダーが自動的に使用されます。&r=referrer-domainパラメータで上書きできます。DNT: 1を送信する訪問者は記録されません。

不足または不正確な点がありますか？お知らせください