WEBサイト・SEO

Cookieバナーで拒否した後、何を確認する?表示・保存・通信を分けて調べる方法

架空のWeb担当が、製品紹介ページのCookieバナーの拒否操作と、タグの状態・通信を確認する資料を見比べる仕事場面。

会社の製品紹介ページでCookieバナーの「拒否」を押すと、案内は閉じた。それでも通信一覧に行が増え、計測も止まったのか分からない。このようなときは、バナーの見た目と、その裏で動く処理を分けて確かめます。

答えは、対象の設定を確かめたうえで、画面・選択の保存・タグの同意状態・通信・Cookie保存を別々に読むことです。拒否後に通信があるだけでは失敗と判断できません。反対に、バナーが閉じたことだけでも、計測の動作まで確認したことにはなりません。

この記事では、企業サイトのWeb担当者が制作担当と確認するために、条件のそろえ方、Googleのタグを導入している場合の見方、通信と保存の違い、結果に応じた次の確認を説明します。例に使う部品加工会社と画面の記録は架空です。Cookieバナーが法律上必要かどうかの一律判定や、特定のサイトの適合認定を目的にした記事ではありません。

架空のWeb担当が、製品紹介ページのCookieバナーの拒否操作と、タグの状態・通信を確認する資料を見比べる仕事場面。
AIで制作する説明用の架空の仕事場面です。実サイトの計測結果、利用者の同意、法的な適合を示しません。

表紙原画を開く

最初に、対象のタグと確認条件をそろえる

どのタグが、どの選択で、どう動く予定なのかを先に確かめます。タグとは、アクセス計測や広告などのためにページへ組み込む処理です。同意を管理する仕組みは、バナーのボタンで選んだ内容を保持し、対象の処理へ伝えます。この仕組みや、Googleへ同意状態を伝える「同意モード」が導入されているかは、見た目だけでは分かりません。

制作担当に、対象ページ、バナーの製品や自作の仕組み、計測・広告などの対象タグ、地域による動作の違いを確かめてもらいます。タグを一括管理するGoogle Tag Managerを使っていても、その外にページへ直接組み込まれた処理があれば、それも対象を分けます。「Googleの確認画面が正常」という理由で、管理外のすべての処理まで正常とは扱えません。

何を調べる?

対象ページと対象タグ

どの条件で?

地域・ブラウザ・保存済みの選択

何と比べる?

会社の方針と実際の設定

この三つがそろうと、結果を比べる対象が定まります。たとえば会社の方針があるのに、導入した設定がまだ分からない場合は、先に設定内容を調べます。期待する動作が未確定のまま、通信の有無だけに合否を付けないためです。

過去の選択が混ざらない検証条件を用意する

以前の「許可」が保存された状態でページを開くと、初めて開いた人の「選択前」と同じ条件にはなりません。制作担当が管理する検証環境などで、保存済みの選択の扱いを決め、選択前・拒否後・許可後をそれぞれ確認します。同じページ、地域条件、ブラウザと版、対象タグの構成を記録し、条件を変えた場合は別の結果として残します。

別セッションをどう用意するか、どの保存領域を初期状態に戻すかは、実際のバナーの仕組みに合わせます。普段のログインや業務用ブラウザの保存内容をまとめて消す操作を、一般的な確認手順として始める必要はありません。プライベート閲覧を使う場合も、通常の閲覧と保存・制限の条件が異なることを明示し、通常環境の結果へ読み替えないようにします。

Googleの同意モードの確認方法は、会社の方針に応じた初期状態、操作後の更新、タグごとの同意条件を分けています。以下のGoogle向けの手順も、実際にその構成を使っている場合に適用します。

拒否後の画面・選択・タグ状態を分けて読む

「拒否」が表示されたことと、タグへ拒否の状態が伝わったことは別の確認です。まず、選択前の表示を記録し、次に押したボタンと直後の表示を記録します。保存済みの選択を表示する機能がある場合は、その表示も別に読みます。ただし画面に「拒否」と出るだけでは、実際の永続保存や、すべてのタグへの反映までは証明できません。

拒否を押した後、何が変わったと分かるでしょうか。下の図では、一つのボタン操作から、画面、選んだ内容、タグの状態、通信の確認先へ分けているところを見てください。対応線は確認する場所の関係であり、設定が正しく動いたという成功の流れではありません。

架空の製品紹介ページで拒否ボタンを押した後、画面表示、選んだ内容の表示(保存は未確認)、タグの状態、通信の種類を別々に確認する関係図。通信だけでは結果を決めない。
説明用の架空画面。表示・保存・タグ・通信は別の観測です。実サイトの動作や法的な適合を示しません。

説明図の原画を開く

図の読み取りは「画面が閉じたから全部完了」ではなく、「表示は分かったが、ほかの欄はまだ調べる必要がある」です。タグの状態が分かっていなければ、次節のように初期状態と操作後の更新を確認します。通信の種類が分からなければ、通信一覧の該当行へ進みます。選択前・拒否後・許可後の記録を、修正前後の成功例としてつなげないことも大切です。

架空の記録では、同じ項目を近くで見比べる

次の補足は、同じ製品紹介ページの三つの状態を説明用に分けたものです。ブラウザの版、地域、導入製品や実際の初期化手順は確認されていません。この例そのものを同条件で実測した結果にはせず、見る項目と判断の境界を読むために使います。

共通点:対象は同じ架空の製品紹介ページです。違い:選択前、拒否後、許可後の別状態です。拒否後だけに通信が見える表示例があり、その種類も説明用です。

三つの状態の記録と未確認を、同じ項目ごとに読む

三つの状態は別の想定セッションです。修正前後や実測結果の比較ではありません。未確認は0・失敗・不存在とは異なります。

共通の条件

対象ページ
製品紹介ページ
ブラウザ
同じブラウザ・版は未指定
地域
未確認
検証セッションの想定
各選択状態を別セッションとして扱う想定。実際の初期化手順は導入CMPと制作担当に確認。
Google同意モードの導入
未確認
同意管理の製品
未確認
タグの一覧
未確認

各状態の観察

観察する状態

選択前
選択前
拒否後
拒否後
許可後
許可後

バナーの表示

選択前
表示あり(架空)
拒否後
表示なし(架空)
許可後
表示なし(架空)

押したボタン

選択前
未確認
拒否後
拒否
許可後
許可

選択の表示例

選択前
未確認
拒否後
拒否(架空画面にそう表示される例)
許可後
許可(架空画面にそう表示される例)

タグの初期同意状態

選択前
未確認
拒否後
未確認
許可後
未確認

操作後の同意状態

選択前
未確認
拒否後
未確認
許可後
未確認

対象タグの呼び出し

選択前
未確認
拒否後
未確認
許可後
未確認

通信が見える表示例

選択前
未確認
拒否後
見える(架空の表示例)
許可後
未確認

要求の種類

選択前
未確認
拒否後
架空の同意状態pingという表示例。実要求を観測した記録ではない。
許可後
未確認

Cookieの保存

選択前
未確認
拒否後
未確認
許可後
未確認

サーバーの受領

選択前
未確認
拒否後
未確認
許可後
未確認

期待する設定の確認

選択前
まだ確認していない
拒否後
まだ確認していない
許可後
まだ確認していない

この記録の読み方

選択前
バナーが見えるだけでは、タグの初期状態は分からない。
拒否後
通信が見えることだけを拒否失敗にしない。要求の種類、同意状態、保存を別に調べる。
許可後
選択表示だけでは許可後のタグ動作や保存結果を認定できない。

true/falseは説明用の架空画面状態であり実測結果ではない。nullは未確認であって0や失敗ではない。三ケースは同じ架空サイトの別状態で、修正前後・公開後成功を意味しない。

拒否後の「通信が見えた」は、実要求を取得した記録ではありません。許可後の通信が未確認であることも、通信がなかったという意味ではありません。表示として書かれた内容と、まだ取得していない状態を分けることで、不足している確認を具体的に選べます。

Googleのタグでは初期状態と更新を確認する

Googleの同意モードを導入している場合は、Tag Assistantで、ページを開いたときの状態と、ボタン操作後の更新を分けて確認します。Tag Assistantは、Googleのタグの動作を調べるための道具です。Google以外のタグや独自実装に、そのまま同じ確認画面があると考えないでください。

  1. 対象ページの検証セッションを開始する。

    制作担当が対象の構成でTag Assistantを接続します。接続できない状態では、その画面だけを根拠にタグの不存在や停止を判断しません。

  2. 最も早い同意イベントで初期状態を見る。

    Summaryで最初のConsentイベントを選び、API Callの設定、または対象タグのConsentタブのOn-page Defaultを読みます。「初期状態」は、訪問者が選ぶ前に対象タグへ渡す条件です。

  3. 拒否・許可の操作後の更新を見る。

    対象の操作を記録し、直近のConsentイベントやOn-page Updateを確認します。最初の設定と後の更新を混ぜず、どの操作がどの状態へ対応したかを読みます。

  4. 対象タグの動作と必要な同意条件を照合する。

    Tagsで対象タグを開き、呼び出されたか、同意条件によって制限されたかを確かめます。画面に「発火」とあっても、保存やサーバー側の処理まで完了した意味にはしません。

操作前の条件

最初のConsent
On-page Default

操作後の条件

操作に対応するConsent
On-page Update

この隣り合う二つの状態と、実際のタグの動作を対応させます。たとえば選択の表示は「拒否」になっているのに、対象の同意状態を確認できない場合は、表示を根拠に更新済みとはせず、バナーから同意状態を伝える処理を制作担当へ確認します。原因が特定できるまでは、製品の不具合や特定の設定ミスと断定しません。

Googleの確認画面では、Cookie保存に関わる analytics_storage と ad_storage、広告へのデータ利用などに関わる ad_user_data と ad_personalization など、同意の種類を区別します。ボタンの「許可」という一語だけに置き換えず、対象タグがどの条件を読むかまで確認します。

選択を覚える仕組みも別です。Googleの同意モードそのものが訪問者の選択を保存するわけではありません。バナー側などの同意管理の仕組みが保存し、次回の訪問時にどの状態を戻すかまで、導入した構成に合わせて確認します。

参照:Tag Assistantで初期状態・更新・タグ動作を確認する公式手順、同意モードの設定と選択の保存の説明。ここでは確認方法を説明しており、実サイトの設定変更は行っていません。

通信の記録とCookieの保存を別に見る

通信はページから送られる要求、Cookie保存はブラウザに置かれた情報です。この二つは別に見ます。Chromeの開発者向け画面では、Networkで通信の記録、ApplicationのCookiesで対象の保存内容を調べられます。Cookieは、ログイン状態や設定などを保持するために使われる小さな情報で、すべてをアクセス計測だけに使うわけではありません。

下の図は、同じページに対して通信の行を見る場所と、Cookieの保存を見る場所を分けています。通信の矢印の先に「保存成功」を付けず、要求が見えたことと保存の確認を別に読むところが要点です。

同じページの通信一覧とCookieの保存先を分け、要求の種類・時点と、保存元・項目を別々に読む一般説明図。通信から保存成功を推定しない。
AIで制作する一般説明の架空図です。通信とCookie保存の確認先を示し、実要求、実保存、サーバー受領の成功を示しません。

説明図の原画を開く

要求の名前だけで結果を決めず、送信先、種類、発生した時点、対象タグの同意状態を合わせます。Cookieの欄では対象の保存元を選び、名前・ドメイン・パスなどから、その情報が何に対応するかを制作担当と照合します。ある保存元の一覧に見えないだけで、別の保存元やほかの保存方式にも情報がないと広げないようにします。

Networkは、記録していた範囲の結果として読む

Networkは開発者向け画面が開いて記録している間の要求を観察します。ページを開く前から記録する必要があるか、再読み込み前後を残すかを決め、フィルターで対象を隠していないか確かめます。ページ移動をまたいで見る場合はPreserve logで記録を保持し、どの読み込み・どの操作に属する行かを区別します。記録開始が遅かったり、対象を絞り込んでいたりする場合、行が見えないことは「送られなかった」という結論にはなりません。

要求のCookiesと、Applicationにある保存情報も別です。送信時に付いたCookie、応答で保存しようとしたCookie、ブラウザが保存を制限した情報を取り違えないようにします。通信行があることだけから、サーバーで処理された、Cookieが書き込まれた、計測成果として集計されたと判断しません。

拒否後でも、方式によって通信はあり得る

Googleの同意モードには基本と高度な実装方式があり、高度な方式では、拒否の状態でもCookieを使わない計測の通信があり得ます。基本の方式では同意前のタグの読み込みを制限するなど、動作が異なります。そのため「拒否後はすべての通信がゼロ」が、どの構成でも正しい判定基準になるわけではありません。

一方で、「同意状態の通信らしいから、すべて問題ない」と逆方向に決めることもできません。実際に配置されたタグと方式、会社が案内する動作、送られる情報の範囲を確認して初めて照合できます。法的な判断が必要な場合は、対象地域・情報・利用方法などを整理して適切な専門家へ確認し、この技術的な記録だけで適法と表示しないようにします。

参照:Chromeの通信記録と絞り込み、Cookieの保存元と項目の確認、Googleの基本・高度な同意モードと通信の説明。

分かったことと未確認を分けて次の対応を決める

一件の観察を、期待した動作と比べて、不足している確認へつなげます。すべてを「正しいか不明」で終えず、分かった場所から順に切り分けます。次は今回の架空記録を読む場合の判断です。実際の修正結果ではありません。

選択の表示だけが分かった

拒否後と許可後は、バナーが閉じ、選択した内容の表示があります。ただし初期状態・更新状態・対象タグの動作は未確認です。次は、導入した仕組みの状態確認へ進みます。

拒否後に通信が見える表示例がある

例には架空の同意状態pingという表示があります。実要求を観測したものではないため、通信の失敗・成功は決められません。実際の確認では、対象の要求、同意状態、実装方式を照合します。

Cookie保存や設定内容がまだ分からない

Cookie保存と期待する設定の確認を進めます。設定をまだ確認していないという記録は、設定が誤っているという意味ではありません。未確認を「Cookieなし」「設定不良」に置き換えず、対象を指定して確認します。

制作担当へは、たとえば「製品紹介ページの拒否後は選択表示まで確認できています。対象タグの初期状態と更新、要求の種類、Cookie保存は何と照合できますか」と具体的に伝えられます。実際の相談では対象ページ、操作した時点、ブラウザと地域条件、期待する動作と観察結果を添えます。画面や通信記録を共有するときは、個人情報や認証に関わる値をそのまま公開しない扱いを決めてください。

実設定に問題があると確認できた場合は、制作担当が影響範囲を確認して必要な修正を行い、同じ条件で選択前・拒否後・許可後を再確認します。案内文の説明と実際の設定が違う場合も、文だけを都合よく書き換えず、会社が意図する動作を確かめてどちらを直すか決めます。変更前の記録は残し、別条件の結果と混ぜません。

計測や外部サービスの利用目的など、ページで何を案内するかも整理する場合は、ページの使い方に応じて利用条件や用途の案内を分ける方法も参照できます。案内の場所を整えることと、今回のタグ・通信の確認は、別の作業として進めます。

まとめ:拒否後に見る一件から確認を始める

Cookieバナーの確認は、「拒否を押せた」「通信があった」という一つの結果で終わりません。対象の構成と期待する動作を確かめ、選択前・拒否後・許可後ごとに、表示、選択の保存、同意状態、通信、Cookie保存を分けて照合します。

まず対象を決める
一ページと一つの対象タグから

別の確認先で読む
表示・状態・要求・保存を区別

同じ条件で確かめ直す
修正後の結果も別に記録

今日まず行うことは、拒否後の一件について「確認できた欄」と「まだ見ていない欄」を分けることです。Googleの同意モードを使う場合はその公式の確認方法を使い、構成が分からなければ先に制作担当へ確認します。未確認を成功・失敗・原因へ補わず、次に見る場所を具体的に決めてください。

自社サイトの案内と実装の対応を整理したい場合は、対象ページと現在の確認状況を相談するところから進められます。

仕事の流れから、顧客との接点まで。
一体で見直す、最初の一歩を。

AI・DXとマーケティングを一体で相談

KEEP EXPLORING

次のヒントを、もうひとつ。

すべての記事を見る

LET’S CONNECT THE DOTS.

次の一歩を、
一緒につくる。

業務も、AIも、集客も。
課題がまだ整理できていなくても、ご相談ください。

AI・DXとマーケティングを一体で相談