Next.jsのSSGサイトにGoogleアドセンスを設置する手順

Next.jsのSSGサイトへのGoogle AdSenseの設置方法

自動広告

自動広告とは

1つのコードを設置するだけで、AIが自動的にコンテンツを分析し、最適な位置に広告を配置する仕組み

自動広告の配置イメージ 青色部分:AIが自動で広告を配置
import './globals.css'
import Script from 'next/script';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <head>
        <Script
          async
          src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
          data-ad-client="xxxxx"
          strategy="afterInteractive"
          crossOrigin="anonymous"
        />
      </head>
      <body><main className="container">
          {children}
        </main></body>
    </html>
  );
}