html怎么做Protected Audience竞价_html Protected Audience广告竞价API【技巧】-html教程-PHP中文网

html无法触发protected audience竞价，因其仅是静态结构层，而竞价必须由javascript在浏览器安全上下文中调用joinadinterestgroup()、runadselection()等受控api完成。

html怎么做protected audience竞价_html protected audience广告竞价api【技巧】

HTML 本身不参与 Protected Audience 竞价逻辑，所有竞价行为必须由 JavaScript 在浏览器环境中调用 joinAdInterestGroup()、runAdSelection() 等 API 完成；直接在 HTML 中写标签或属性无法触发竞价流程。

为什么不能用 HTML 标签触发 Protected Audience 竞价

Protected Audience 是基于隐私沙盒的运行时 API，依赖浏览器内建的隔离执行环境（如 Worklet、Ad Selection Service），HTML 是静态结构层，不具备调用这些受控 API 的能力：

joinAdInterestGroup() 必须在安全上下文（HTTPS）、用户交互后或页面可见时由 JS 主动调用，且需满足存储权限（document.hasStorageAccess() 或已授权）
runAdSelection() 只能在 service worker 或专用 worklet（如 ad-auction.js）中执行，HTML 无法加载或注册这类脚本
广告选择结果不会通过 DOM 属性或自定义元素暴露，必须由 JS 显式处理 AdSelectionResult 对象

HTML 中真正需要配合的三处关键位置

虽然 HTML 不执行竞价，但它是整个流程的「入口锚点」和「上下文载体」，以下三处必须正确配置，否则 JS 调用会静默失败：

页面必须通过 HTTPS 提供 —— HTTP 下所有 Protected Audience API 返回 NotSupportedError 或直接不可用
<meta name="viewport" content="width=device-width"> 建议保留，部分 Android WebView 实现对非响应式页面限制 joinAdInterestGroup() 调用
若使用 <iframe></iframe> 加载竞价逻辑，需显式声明 sandbox="allow-scripts allow-same-origin"，否则跨源 iframe 内 JS 无法访问 API

常见错误：把竞价当普通 fetch 写在 HTML script 标签里

这种写法看似合理，实则大概率失败：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

<script>
// ❌ 错误：未检查权限、未处理 promise rejection、未指定 worklet 路径
navigator.advertisingPrivateAggregation?.joinAdInterestGroup?.({
  name: "shoes_buyers",
  owner: "https://adtech.example",
  biddingLogicUrl: "https://adtech.example/bid.js"
});
</script>

实际应：

先调用 navigator.permissions.query({name: "attribution-reporting"}) 或检查 "advertisingPrivateAggregation" in navigator
确保 biddingLogicUrl 返回的 JS 文件 MIME 类型为 application/javascript，且支持 CORS（Access-Control-Allow-Origin: *）
将 runAdSelection() 放入独立的 ad-auction.js 并通过 navigator.runAdSelection() 指定，不能 inline