在下一个 js 中将 google adsense 广告放在网站上的问题

Question

我在下一个 js 中在网站上放置 google adsense 广告时遇到问题

我在互联网上找到了这些代码，但它不起作用。我不知道还能做什么

第一个代码是一个组件，它被放置在任何有广告的地方

import React, { useEffect } from "react";

export default function Adsense() {
  const loadAds = () => {
    try {
      if (typeof window !== "undefined") {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
      }
    } catch (error) {
      console.log("adsense error", error.message);
    }
  };

  useEffect(() => {
    loadAds();
  }, []);

  return (
    <ins
      className="adsbygoogle"
      style={{ display: "block" }}
      data-ad-client="ca-pub-xxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
      data-ad-format="auto"
      data-full-width-responsive="true"
    ></ins>
  );
}

第二个是放入_document.js

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

Answer 1

嘿，我可以在这个包的帮助下解决它，强烈推荐： React Adsense。需要折衷把script标签放在head标签里面加上nextjs/script。