IT技术 - 如何使 Google Auto Ads 与 react SSR 应用程序一起使用 - 吾爱随笔录

我想在我的 React 应用程序中使用 Google Adsense 自动广告。React 应用程序使用 SSR，我已将 Google 提供给我的代码添加到模板的 head 部分，如下所示。

export default ({ markup, css }) => {
  return `<!doctype html>
      <html lang="en">
        <head>
          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9999999999999999" crossorigin="anonymous"></script>
          <meta charset="utf-8">
          <meta
            name="viewport"
            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
          >
          <title>Teach Learn Game</title>
          <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400">
          <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
          <style>
              a{
                text-decoration: none;
                color: #bb4d00
              }
          </style>
        </head>
        <body style="margin:0">
          <div id="root">${markup}</div>
          <style id="jss-server-side">${css}</style>
          <script type="text/javascript" src="/dist/bundle.js"></script>          
        </body>
      </html>`;
};

在网站上，我使用 Chrome 工具检查了 html 代码。我可以看到代码中的这一行，但不幸的是我被 Google Adsense 评论拒绝了，说我需要修复一些东西。

来自 Google 指定问题的消息是：我们在您的网站上找不到代码。这是因为代码丢失或不完整，或者因为您网站的 URL 不正确。学到更多。

我已经删除了登录要求，这是一个较早的问题，并且我有一个正确的 google 帐户。

我确实看到了另一个 Stack Overflow 问题，其中指出 window.adsbygoogle 将与 React 一起使用，但似乎问题更多地涉及指定广告单元，并且 window.adsbygoogle 的实现在组件类中。当我使用自动广告时，我不希望这会适用，但也许我错了。如果是这样，我将如何更改代码？

无论如何，如果任何有初步接受 Google Auto Ads 经验的人可以提供帮助，我们将不胜感激。如果您提供代码，请感谢您是否可以使用功能组件，因为我不太了解类组件和 componentDidMount 的使用，因为大多数示例似乎都在使用。

链接到我的网站：https : //tlgamer.herokuapp.com/