如何使AdSense Auto Ads与Gatsby一起使用

Question

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

但是现在我要转到JAMStack，并且有一个Gatsby网站。显然，当涉及到客户端渲染时，自动广告无法按我预期的那样工作。

在Gatsby中安装页面后，是否可以触发自动广告运行？与自动广告一样，我的网站上实际上没有任何广告展示位置，因此没有标签。我只是让自动广告完成工作。

盖茨比也有可能吗？

Answer 1

我相信您可以在没有gatsby的情况下使用Google跟踪代码管理器来执行此操作。 基本上，您需要在页面更改上创建触发器。 触发类型为“历史更改”。 然后创建“自动广告”脚本代码，然后在“触发”部分中，选择您刚刚在上方创建的历史记录触发器。

或者：  将此添加到您的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
            });
            `,
          }}
 /> 

Answer 2

我自己的解决方案是根本不使用盖茨比的内部路由器。我需要服务器端渲染才能使自动广告正常工作，所以我无能为力了。