メインコンテンツへスキップ
2分で読めます

Google タグマネージャー

ウェブサイトのソースコードに触れることなく、Google タグマネージャー経由でZenovay Analyticsをデプロイします。

最も簡単な方法:GTMコミュニティテンプレートギャラリーからZenovay Analyticsテンプレートを直接インストール — トラッキングコードを入力して公開するだけです。


方法1 — GTMコミュニティテンプレート(推奨)

公式ZenovayテンプレートはGTMコミュニティテンプレートギャラリーで利用可能です。最も速く確実なセットアップ方法です。

所要時間:約2分

ステップ1 — テンプレートを探す

  1. Google タグマネージャーを開き、コンテナを選択
  2. 左サイドバーのテンプレートをクリック
  3. タグテンプレートセクションでギャラリーを検索をクリック
  4. Zenovayを検索
  5. Zenovay Analyticsワークスペースに追加をクリック

ステップ2 — タグを作成

  1. タグ新規に移動
  2. タグの設定をクリック
  3. カスタム(または"Zenovay"で検索)でZenovay Analyticsを選択

ステップ3 — 設定

フィールドを入力:

フィールド入力内容
トラッキングコードZenovayダッシュボードのドメイン → サイト → 全般にあるトラッキングコード
クッキーレスモード厳格なGDPR対応に有効(同意バナー不要)
外部リンクのトラッキング任意 — 外部サイトへのクリックを自動トラッキング
カスタムAPI URLファーストパーティプロキシを使用しない限り空白のまま
デバッグモードテスト中は有効、公開前に無効化
サイトトラッキングコードを表示するトラッキングスクリプトカード(HTML、React、Next.js、ファーストパーティタブ付き)
トラッキングコードはドメイン → サイト → 全般で確認できます。

ステップ4 — トリガーを設定

  1. トリガーの下で**+**アイコンをクリック
  2. すべてのページを選択
  3. 保存をクリック

ステップ5 — 公開

  1. 右上の送信をクリック
  2. バージョン名を入力(例:"Zenovay Analyticsを追加"
  3. 公開をクリック

Zenovayのトラッキングが有効になりました。


方法2 — カスタムHTMLタグ(手動)

コミュニティテンプレートがご利用の地域でまだ利用できない場合はこの方法を使用してください。

ステップ1 — 新しいタグを作成

  1. GTMで:タグ新規
  2. タグの設定カスタムHTMLをクリック
  3. タグ名をZenovay Analyticsに設定

ステップ2 — スクリプトを貼り付け

<script
  defer
  data-id="YOUR_TRACKING_CODE"
  src="https://api.zenovay.com/z.js">
</script>

YOUR_TRACKING_CODEをZenovayダッシュボードのドメイン → サイト → 全般にあるトラッキングコードに置き換えてください。

ステップ3 — トリガーを設定して公開

  1. トリガーをすべてのページに設定
  2. 保存、送信、公開

ファーストパーティプロキシ(広告ブロッカー回避)

すべてのプランで利用可能。独自ドメインにプロキシを設定している場合は、カスタムAPI URLフィールド(GTMテンプレート)にプロキシURLを入力するか、カスタムHTML方式でsrcを変更してください:

<script
  defer
  data-id="YOUR_TRACKING_CODE"
  src="https://analytics.yourdomain.com/z.js">
</script>

セットアップ手順はファーストパーティトラッキングガイドを参照してください。


Data Layerを使ったカスタムイベント

Zenovayにカスタムイベントを送信するには、GTM Data Layerにプッシュします。

イベントをプッシュ

dataLayer.push({
  event: 'zenovay_event',
  zenovay_event_name: 'signup',
  zenovay_event_data: {
    plan: 'pro',
    source: 'pricing_page'
  }
});

GTMタグを接続

  1. 変数新規Data Layer変数DLV - Zenovay Event Nameという名前を付け、変数名をzenovay_event_nameに設定
  2. zenovay_event_dataDLV - Zenovay Event Dataに対して繰り返す
  3. トリガー新規カスタムイベント → イベント名zenovay_eventZenovay Custom Eventとして保存
  4. タグ新規カスタムHTMLを選択し、以下をコピペ:
<script>
  if (window.zenovay) {
    window.zenovay('track', '{{DLV - Zenovay Event Name}}', {{DLV - Zenovay Event Data}});
  }
</script>
  1. トリガーをZenovay Custom Eventに設定、保存、公開

SPAサポート(React、Next.js、Vue、Angular)

ZenovayスクリプトはSPAルート変更を自動検出します。すべてのページトリガーだけで十分です。History Changeトリガーは不要です。

GTMと直接ウェブサイトの&lt;head&gt;の両方でZenovayスクリプトを読み込まないでください。重複を避けるため、どちらか一つの方法のみを使用してください。


同意モード

Consent Management Platform(CookieYes、OneTrust、Cookiebot)を使用している場合:

  1. Zenovay Analyticsタグを編集 → 詳細設定同意設定
  2. 追加の同意を必須にするanalytics_storageを設定

またはクッキーレスモードをテンプレートで有効化 — 同意は不要です。


トラブルシューティング

症状解決策
タグが発火しないGTMプレビューモードを開き、すべてのページでタグが発火するか確認
ダッシュボードにデータなしトラッキングコードがダッシュボードと完全に一致するか確認
広告ブロッカーによるブロックファーストパーティプロキシを設定しカスタムAPI URLを使用
ページビューの重複HTMLから直接の<script>タグを削除

関連リソース


お困りですか? [email protected]にお問い合わせいただくか、ヘルプセンターをご覧ください。

このページは役に立ちましたか?