ひとことで言うと
トラッキングピクセルは、HTMLに埋め込まれた極小(通常1×1ピクセル)の透明画像です。ブラウザやメールクライアントがこの画像を読み込む際に、画像を提供するサーバーへHTTPリクエストが飛びます。サーバー側でリクエストのIPアドレス・日時・ユーザーエージェントを記録することで、「誰がいつ開いたか」を把握できます。
HTMLメールの開封トラッキングに広く使われますが、Webページに埋め込めば閲覧トラッキングとしても機能します。AIが生成するHTMLに、学習データに含まれるトラッキングピクセルのコードパターンが混入することがあり、共有前の確認が必要です。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
HTML共有で関係する場面
マーケティング系のランディングページや商品紹介ページをAIに生成させると、開封率計測のための1×1透明imgタグやビーコン用のスクリプトが含まれる場合があります。このHTMLを社外のクライアントや取引先に共有URLで送ると、相手がページを開いた瞬間に閲覧情報が外部サーバーへ送信されます。
GitHubやNotion・SharePointなどで配布する目的でAI生成のHTMLをエクスポートする場合も同様です。HTMLファイルを直接ダウンロードして開いてもトラッキングは機能するため、配信方法に関わらずファイル内にトラッキングコードが残らないか確認する必要があります。
よくある誤解
「画像を表示しない設定にしているから大丈夫」という誤解があります。メールクライアントでは画像非表示設定が有効ですが、Webブラウザでは基本的に画像は自動読み込みされます。また、JavaScriptのnavigator.sendBeaconを使ったビーコン送信は画像の有無に関係なく動作します。
「1×1ピクセルの透明画像を見てもわからないから問題ない」という誤認もあります。問題はユーザーが見えないかどうかではなく、同意なしに行動情報が収集される点にあります。GDPR・個人情報保護法の観点では、同意なしのトラッキングは違法となる可能性があり、プレビュー共有の場面では不要なリスクです。
安全に使うための注意点
共有するHTMLファイルのテキスト検索で、width="1" height="1"・width:1px height:1px・sendBeacon・beacon・tracking の文字列を確認します。また外部ドメインへのimgタグ(src属性が自社ドメイン以外)も洗い出し、プレビュー目的に不要なものは削除してください。
デベロッパーツールのNetworkタブでページを開いた直後に発生するリクエストを確認し、analytics・track・pixel・beacon といった文字を含む外部URLへの通信がないかチェックします。通信が発生していればその送信元コードをHTMLから除去します。
もし受け取り手の開封確認が業務上必要な場合は、共有サービス側が提供するアクセスログ機能(ギガサイト便などでURLアクセス履歴を管理画面で確認する機能)を使う方法が適切です。この場合は個人情報の取り扱いを事前に説明するか、プライバシーポリシーに明記することを検討してください。
よくある質問
トラッキングピクセルはHTMLメール専用ですか?
いいえ。Webページにも同様に埋め込めます。1×1透明imgタグをHTMLファイルに含めるだけで、ブラウザで開いた瞬間に外部サーバーへアクセス情報が送信されます。
AIに指示するときトラッキングピクセルを入れないよう伝える方法はありますか?
「外部サービスへのトラッキングコード・計測タグ・ビーコンは一切含めないこと」とプロンプトに明記してください。生成後も必ずHTMLを検索して確認する習慣を持つことが重要です。
トラッキングピクセルを除去するとページの表示に影響しますか?
通常は影響しません。トラッキングピクセルは透明な1×1ピクセルであるため、除去してもページのデザインや機能には一切変化が生じません。安全に削除できます。