reactjs - 无法将 AdSense 连接到 Gatsby 博客

Question

我一直在尝试将我的 AdSense 帐户与我的 Gatsby 博客相关联，但这似乎是不可能的。 AdSense 要求我将此代码放在我的 html 的 head 标记之间

<script data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

我试过 gatsby adsense 插件和其他东西，但 AdSense 一直告诉我代码不在网站上。由于网站托管在S3中，我下载了生成的index.html并更改了代码并重新上传。我认为问题是由于向脚本标记添加了一个名为 data-checked-head 的属性，所以即使我添加了上面的代码，我在浏览器中看到的是:

<script data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" data-checked-head="true"></script>

如果这个代码是 AdSense 看到的，那么他当然不认识它。有谁知道在这种情况下我能做什么？或者为什么这个属性甚至存在？谢谢

Answer 1

我无法回答有关 AdSense 的详细信息，但我自己在 HTML 头部的元标记方面遇到了问题。这里有两种可能来调试关于 Gatsby 的代码:

许多插件在开发模式下默认是禁用的。试试 gatsby build和 gatsby serve然后检查它是否适用于插件。

使用 react-helmet 到 place your script tag in the head of HTML .使用 gatsby build和 gatsby serve也用于测试。