angular - CORB 阻止动态 AdSense 广告

Question

我有一个服务器端呈现的 Angular 应用程序，我在其中使用 ng2-adsense在某些路线上展示 AdSense 广告。我注意到大部分时间(并非所有时间)我的广告都没有显示，并且我在 Chrome 开发者控制台中收到警告:

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.google.com/ads/measurement/l?ebcid=REDACTED with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
(anonymous) @ ads:1
Cross-Origin Read Blocking (CORB) blocked cross-origin response https://googleads4.g.doubleclick.net/pcs/view?xai=REDACTED &sig=REDACTED &urlfix=1&adurl= with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
Cross-Origin Read Blocking (CORB) blocked cross-origin response https://pagead2.googlesyndication.com/pagead/gen_204?id=sodar&v=24&t=2&bgai=REDACTED&bg=REDACTED with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

我假设这是因为我的 AdSense 单元是动态加载的(它们必须是，广告仅显示在客户端呈现器上)而不是页面加载。

linked documentation for CORB引用一个模糊的算法来确定哪些资源加载是安全的。如何防止 CORB 屏蔽我的广告？

Answer 1

你有重现 URL 吗？

实际上是如何检索内容的？如果您使用 XHR 或类似的请求对象，响应必须有一个 Access-Control-Allow-Origin header 列出您的来源，或 *。否则，它们会被浏览器进程阻止(因为由于同源策略，渲染器无论如何都无法读取它们)。