メインコンテンツへスキップ
無料15 minutes上級

Google Tag Manager: Zenovay をファーストパーティプロキシ経由でルーティングする

Google Tag Manager 経由で Zenovay をロードし、トラッキングを自分のドメイン (ファーストパーティプロキシ) 経由でルーティングしてアドブロッカーによる損失を削減します。 実際のセットアップはこちらです。

gtmserver-sidetag-managerfirst-party
最終更新日:

自分のドメインでトラッキングを保ち、アドブロッカーによる損失を削減したい場合、Zenovay で使う方法は ファーストパーティプロキシ です。つまり、自分のドメインのサブドメイン上で、トラッキングリクエストを Zenovay に転送するので、ブラウザは自分のドメインとだけ通信します。

Zenovay を使う「サーバーサイド GTM」という言葉が意味する 2 つの異なるものがあります。この記事は両方をカバーし、それぞれが何ができて何ができないかを明確にしています。

情報

Zenovay は Google Tag Manager サーバーコンテナ クライアントテンプレートを公開していません。Zenovay GTM テンプレートは標準的な Web コンテナ タグテンプレートで、https://api.zenovay.com からページ上でトラッカー (z.js) をロードします。GTM テンプレートは ファーストパーティプロキシを指すことはできません — そのローダー URL は固定されています。ファーストパーティプロキシが必要な場合は、GTM テンプレートを使う代わりにトラッカーを手動でインストールしてください (data-api-url を使用) — ファーストパーティトラッキング を参照してください。GTM 全体をスキップしたい場合は、イベントをトラッキングエンドポイントに直接送信できます — サーバーサイドトラッキング を参照してください。

オプション A — Zenovay GTM テンプレート経由でデプロイ

これはコードなしのパスです。タグは https://api.zenovay.com から z.js を直接ロードします。プロキシ経由ではルーティングされません — アドブロッカーのバイパスが目標の場合は、代わりにオプション B を使用してください。

ステップ 1 — Zenovay GTM テンプレートを追加

  1. Google Tag Manager (あなたの Web コンテナ) で、テンプレート → タグテンプレート → ギャラリーを検索 に移動します。
  2. Zenovay を検索し、Zenovay Analytics をワークスペースに追加します。(まだギャラリーにない場合は、代わりに Zenovay GTM テンプレートリポジトリから template.tpl をインポートできます。)
  3. ワークスペースに追加 をクリックします。

ステップ 2 — タグを設定

  1. タグ → 新規 → Zenovay Analytics (カスタムの下)。
  2. 設定 (テンプレートにはちょうどこれら 4 つのフィールドがあります):
    • トラッキングコード — Zenovay トラッキングコードを貼り付けます (ウェブサイトのダッシュボードの 設定 → 一般 から)。
    • Cookieless Mode — オプション。下の Cookieless モード を参照してください。
    • アウトバウンドリンクを追跡 — オプション。外部ドメインへのクリックを自動的に追跡します。
    • デバッグモード — オプション。冗長なコンソールロギング。公開する前にオフにしてください。
  3. トリガーを すべてのページ に設定します。
  4. 保存 → 送信公開

情報

Zenovay スクリプトは History API 経由で SPA ルート変更を検出するため、すべてのページ トリガーだけで十分です — 別の History Change トリガーは必要ありません。

ステップ 3 — 確認

  1. サイト上で実際の訪問を開きます。
  2. GTM プレビュー モードで、Zenovay Analytics タグがページで発火することを確認します。
  3. DevTools → ネットワーク → z.js でフィルタ — api.zenovay.com から読み込まれているのが見えるはずです。
  4. ウェブサイトのダッシュボードで ライブビュー タブを開きます — 訪問は数秒以内に表示されるはずです。

オプション B — ファーストパーティプロキシ (アドブロッカーバイパス)

ファーストパーティプロキシは、トラッキングを自分のドメインに保ちます。運用上のオーバーヘッドを追加します — 自分のドメインのサブドメイン上で小さなリバースプロキシを実行し、保守します。次の場合に価値があります:

  • アドブロッカーによる意味のあるデータ損失が見られ、ファーストパーティドメイン配信が必要。
  • セキュリティ / 法務チームがすべてのサードパーティ HTTP リクエストを自分のオリジンから提供することを要求している。

これらのどちらにも当てはまらない場合、通常のクライアントサイドトラッカー (オプション A またはシンプルなスニペット) の方が簡単です。ファーストパーティプロキシは すべてのプラン で利用可能です。

情報

GTM テンプレートはこれを実行できません — そのローダー URL は api.zenovay.com に固定されています。プロキシは 手動 トラッキングスニペットが必要です。そこで srcdata-api-url を制御します。したがって、このオプションは Zenovay GTM テンプレートを使用しません。

仕組み

ブラウザ  →  https://analytics.example.com  →  https://api.zenovay.com
             (あなたのファーストパーティプロキシ)

ブラウザは analytics.example.com (あなたのドメイン) のみを見ます。プロキシは Zenovay から z.js を取得し、トラッキングリクエストを Zenovay に転送します。

ステップ 1 — ファーストパーティプロキシをセットアップ

自分のドメイン上にサブドメイン (例: analytics.example.com) を作成し、https://api.zenovay.com にリバースプロキシするように設定します。正確なステップはスタック (Cloudflare、nginx、Cloud Run / サーバーレス関数など) に依存します — ファーストパーティトラッキング ガイドがオプションを案内します。

プロキシは以下を実行する必要があります:

  • z.js をサーブ ( https://api.zenovay.com/z.js から転送)。
  • トラッキングリクエストを Zenovay に転送し、訪問者の実 IP を X-Forwarded-For 経由で渡して、Zenovay 側の国 / 市区町村検出が機能し続けるようにします。

ステップ 2 — トラッキングスニペットをプロキシに指す

トラッカーを手動でインストール (GTM テンプレート経由ではなく)、srcdata-api-url をプロキシサブドメインに設定します:

<script
  defer
  src="https://analytics.example.com/z.js"
  data-tracking-code="YOUR_TRACKING_CODE"
  data-api-url="https://analytics.example.com"
></script>

必要に応じて、このスニペットを GTM 経由で配置することもできます — Zenovay テンプレートタグの代わりに カスタム HTML タグを すべてのページ トリガーで使用してください。

ステップ 3 — エンドツーエンドで確認

  1. サイト上で実際の訪問を開きます。
  2. DevTools → ネットワーク → analytics.example.com でフィルタ — z.js が読み込まれ、トラッキングリクエストがプロキシドメイン経由でルーティングされているのが見えるはずです。
  3. ウェブサイトのダッシュボードで ライブビュー タブを開きます — 訪問は数秒以内に表示されるはずです。

Cookieless モード

どちらかの方法で cookieless を実行できます。GTM テンプレートで Cookieless Mode を有効にします。手動スニペットの場合は、data-cookieless="true" を追加します。cookieless モードでは、トラッカーはメモリ内のウィンドウスコープの ID のみを使用します — ページ上でもプロキシ経由でもクッキーは書き込まれません。

プラン可用性

GTM テンプレートとファーストパーティプロキシは すべてのプラン (Free を含む) で機能します。トラッキングされたイベントは、トラッカーの読み込み方法に関係なく、プランの月間イベント配分にカウントされます。

関連リーディング

この記事は役に立ちましたか?