HTMLIFrameElement: browsingTopics プロパティ

Deprecated

To be removed

This feature is pending removal from browsers. Using it now may lead to broken functionality in future updates. Following the announcement that Chrome will maintain its current approach to third-party cookies, Chrome decided to withdraw certain Privacy Sandbox features including the topics API.

もっと詳しく
完全な互換性情報を見る

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

警告: この機能は現在、2 つのブラウザーベンダーから反対されています。反対の詳細については、標準の位置づけの節をご覧ください。

browsingTopics は HTMLIFrameElement インターフェイスのプロパティで、関連付けられた <iframe> のソースに対するリクエストとともに、現在のユーザーが選択したトピックを Sec-Browsing-Topics ヘッダーで送信すべきであることを指定する論理値です。これは、HTML の browsingtopics 属性を反映しています。

詳しくはトピック API の使用を参照してください。

<iframe browsingtopics title="Advertising container" src="adtech1.example">
  ...
</iframe>

スクリプトを使用して browsingTopics の値をログ出力します。

const iframeElem = document.querySelector("iframe");
console.log(iframeElem.browsingTopics); // 対応しているブラウザーでは true が返る

設定

最小限の <iframe> を指定します。

html

<iframe> ... </iframe>

browsingtopics を true に設定し、スクリプト経由で <iframe> コンテンツを読み込みます。

const iframeElem = document.querySelector("iframe");

iframeElem.browsingTopics = true;
iframeElem.title = "Advertising container";
iframeElem.src = "adtech1.example";