注目のポイント
GTMのプレビューモードに、CSP（コンテンツセキュリティポリシー）のブロック検知機能が追加されました。タグが正しく動作しない原因がCSPによるブロックかどうかを、デベロッパーツールを使わずにプレビュー画面上で確認できるようになりました。これまではブラウザのデベロッパーツールでコンソールエラーを確認する必要がありましたが、プレビューモードの「ページに関する問題」セクションで切り分けが可能になっています。
そもそもCSP（コンテンツセキュリティポリシー）とは？
CSP（Content Security Policy）は、Webサイトのセキュリティを強化するための仕組みです。サーバー側でHTTPヘッダー（Content-Security-Policy）を設定し、「このドメインからのスクリプトだけ読み込みを許可する」といったルールを定義します。
重要なのは、CSPはサーバー側で設定するが、実際にブロックするのはブラウザ側だという点です。
仕組みを整理すると以下の通りです。
- サーバーがHTTPレスポンスヘッダーで
Content-Security-Policyを返す - ブラウザがそのポリシーを受け取り、以降のリソース読み込みをポリシーに基づいてチェックする
- 許可リストにないドメインからのスクリプトや通信は、ブラウザの段階でブロックされる
つまり、GTMがタグを配信しようとしても、ブラウザが「このドメインはCSPで許可されていない」と判断すれば、通信自体がブラウザレベルで遮断されます。GTMのサーバーにリクエストが到達する前の段階でブロックされるケースもあります。
参照元：コンテンツセキュリティポリシー (CSP)（MDN Web Docs）
GTMのプレビューモードで何ができるようになったのか？
GTMの管理画面で「プレビュー」をクリックすると、Tag Assistant（tagassistant.google.com）というプレビューツールが開きます。2026年8月時点で、このプレビュー画面にCSPブロックの検知機能が追加されていることが確認されています。
具体的には、プレビューモードでサイトに接続した状態で「ページに関する問題」セクションに以下のような警告が表示されます。
「サイトのコンテンツ セキュリティ ポリシーにより、一部のリソースがブロックされています」
「問題を表示」をクリックすると、CSPによってブロックされているリソースの一覧が表示されます。
これまでの切り分け方法との違い
| 従来 | GTMプレビューモード（新機能） | |
|---|---|---|
| 確認方法 | ブラウザのデベロッパーツール（F12）→ コンソールでCSPエラーを確認 | プレビューモードの「ページに関する問題」に警告が表示される |
| 必要な知識 | デベロッパーツールの操作、CSPエラーメッセージの読み方 | プレビュー画面を見るだけ |
| ブロックされたリソースの特定 | コンソールのエラーメッセージから1件ずつ確認 | 一覧で表示される |
タグが動かない原因がCSPなのかどうかの切り分けが、デベロッパーツールを開かなくてもGTMのプレビューモードだけでできるようになったのが今回のポイントです。
ただし、CSPの修正自体はサーバー側の設定変更（HTTPヘッダーの編集）が必要なため、原因の特定まではプレビューモードで完結しますが、解決にはエンジニアやサーバー管理者の対応が必要です。
参照元：Use Tag Manager with a Content Security Policy（Google for Developers、2026年7月30日更新）
CSPでブロックされやすいケース
GTM経由で配信するタグの中で、CSPに引っかかりやすい代表的なケースは以下の通りです。
- GA4のビーコン送信先（
*.google-analytics.com、*.analytics.google.com）がCSPのconnect-srcに含まれていない - Google広告のコンバージョンタグ（
www.googleadservices.com、googleads.g.doubleclick.net）がCSPに含まれていない - カスタムJavaScript変数を使っているが、CSPに
unsafe-evalが含まれていない - サードパーティのタグ（Meta広告ピクセルなど）のドメインがCSPに含まれていない
特に、セキュリティを重視するサイト（金融、医療、官公庁など）ではCSPが厳格に設定されていることが多く、新しいタグを追加した際にCSPブロックに引っかかるケースがよくあります。
最後に
GTMのプレビューモードにCSPブロックの検知機能が追加されたことで、「タグが動かない → デベロッパーツールでCSPエラーを探す」という切り分け作業が簡略化されました。タグの実装担当者がデベロッパーツールに不慣れでも、プレビューモードの「ページに関する問題」を見るだけでCSPが原因かどうかを判断できます。
ただし、あくまでこれは原因の特定（切り分け）までの話です。CSPの修正にはサーバー側のContent-Security-Policyヘッダーを編集する必要があるため、対応はエンジニアやサーバー管理者と連携して進めることになります。
Web業界にて20年以上、大手から中堅代理店の顧問を請負。デジタルマーケティングを中心に、主に広告関係の教育や研修、コンペの相談に乗っています。またSEMのお役立ちツールもスクラッチで開発。現在も電通グループの顧問、Shirofuneのアルゴリズム作成補助など担当しており、年間100名以上を教育。皆さまに心から信頼されるパートナーであり続けるために日々研鑽しております。また、世界的権威のある One Voice Awards USA 2025 にも日本人としてノミネートされ、世界的なナレーターとしても活躍中です。
