adsense - 如何让 AdSense 自动广告与 Gatsby 配合使用

Question

一段时间以来，我一直在服务器端呈现的基于 PHP 的框架上使用 AdSense 自动广告并取得了巨大成功。

但是现在我要迁移到 JAMStack 并且我有一个 Gatsby 站点。显然，当涉及到客户端渲染时，自动广告并没有像我预期的那样工作。

有没有办法在 Gatsby 中安装页面后触发自动广告运行？与自动广告的情况一样，我的网站上实际上没有任何广告展示位置，因此任何地方都没有标签。我只是让自动广告做他们的工作。

Gatsby 也可以这样吗？

Answer 1

我相信你可以在没有 gatsby 的情况下做到这一点，但使用谷歌标签管理器。
基本上，您需要在页面更改时创建触发器。
触发器类型是“历史更改”。
然后创建 Auto Ads 脚本标签，然后在 Triggering 部分，选择您刚刚在上面创建的历史触发器。

或者:
将此添加到您的 react-helmet 组件或 html.js 文件中

     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <script
          dangerouslySetInnerHTML={{
            __html: `
            (adsbygoogle = window.adsbygoogle || []).push({
              google_ad_client: "id",
              enable_page_level_ads: true
            });
            `,
          }}
 />