如何在单页应用程序中使用 Google adsense 广告？答案

【问题标题】：How can I use Google adsense ads in a single page application?如何在单页应用程序中使用 Google adsense 广告？
【发布时间】：2021-02-16 20:49:44
【问题描述】：

广告代码已插入并在主页上正常工作。但是只要哈希值发生变化，用户就会转到第二页（无需重新加载）。广告停止展示。有什么办法可以解决它。我认为它在加载 DOM 后加载，并且没有重新加载的哈希更改可能会导致问题。

【问题讨论】：

您好，请提供一些您尝试编写的代码
正如 Marek 所说 - 一些显示您如何加载广告的代码将很有用。高级过程如下：渲染包含<ins class="adsbygoogle" ...></ins> 标记的新页面。渲染完成后 - 您应该调用 adsbygoogle.push({}); 的次数与您在刚刚渲染的页面中添加新的 <ins> 元素的次数一样多。 push({}) 调用告诉 adsbygoogle.js 标记找到 1 个未填充的 <ins class="adsbygoogle"> 并用广告填充它。

【解决方案1】：

实际上问题在于，在我的应用程序中，我最初将所有 iframe 设置为 Null。我不知道谷歌广告脚本也在 html 中注入 iframe，每次调用我的函数时它也被无效。我纠正了这一点，一切正常。 URLhash 更改对 SPA 中的广告没有任何影响。一旦加载 DOM，广告就会加载并停留在那里。

【讨论】：