2

反応アプリケーションで Google Adsense 自動広告を使用したいと考えています。反応アプリケーションは 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 アカウントを持っています。

window.adsbygoogle が React で使用されると述べられている別のスタック オーバーフローの問題を見ましたが、問題は広告ユニットの指定と、window.adsbygoogle の実装がコンポーネント クラスにあることを扱っているようでした。私は自動広告を使用しているので、それが当てはまるとは思いませんが、間違っているかもしれません。もしそうなら、どのようにコードを変更しますか?

いずれにせよ、Google Auto Ads の最初の承認を得た経験のある方がお役に立てば幸いです。コードを提供する場合は、関数コンポーネントを使用できるかどうかを評価します。私はクラスコンポーネントと、ほとんどの例で使用されているように見える componentDidMount の使用にあまり慣れていないためです。

私のサイトへのリンク: https://tlgamer.herokuapp.com/

4

1 に答える 1