feat: add isAutoAd prop to GoogleAdSense for better script loading

Author: soranoo

README.md

@@ -91,7 +91,10 @@ There are two ways to verify your site (of course you can implement both):
    const App = ({ Component, pageProps }) => {
      return (
        <>
-         <GoogleAdSense publisherId="pub-XXXXXXXXXXXXXXXX" /> {/* 👈 16 digits */}
+         <GoogleAdSense 
+            publisherId="pub-XXXXXXXXXXXXXXXX" // 👈 16 digits
+            isAutoAd={false} // 👈 true if you want to use Auto Ads
+          />
          {/* or */}
          <GoogleAdSense /> {/* if NEXT_PUBLIC_ADSENSE_PUBLISHER_ID is set */}
          <Component {...pageProps} />
@@ -220,6 +223,8 @@ export default Page;
 | Parameter   | Optional | Type   | Default | Description                                                                                         |
 | ----------- | -------- | ------ | ------- | --------------------------------------------------------------------------------------------------- |
 | publisherId | Yes      | string | n/a     | You can skip this parameter if you set the environment variable `NEXT_PUBLIC_ADSENSE_PUBLISHER_ID`. |
+| isAutoAd    | Yes      | boolean| false   | Whether to enable Auto Ads.                                                                         |
+| debug       | Yes      | boolean| false   | Enable Google AdSense debug mode.                                                                   |
 
 #### Manual AD
 

src/GoogleAdSense.tsx

@@ -9,15 +9,18 @@ import { isPublisherId } from "./utils";
 
 interface GoogleAdSenseProps extends Omit<ScriptProps, "src" | "id"> {
   publisherId?: string;
+  isAutoAd?: boolean;
   debug?: boolean;
 }
 
 /**
  * @param publisherId - Google AdSense publisher ID, if not provided, it will use NEXT_PUBLIC_ADSENSE_PUBLISHER_ID from .env
+ * @param isAutoAd - Whether to enable Auto Ads
  * @param debug - Google AdSense debug mode
  */
 export const GoogleAdSense = ({
   publisherId,
+  isAutoAd = false,
   debug = false,
   ...props
 }: GoogleAdSenseProps): JSX.Element | null => {
@@ -37,7 +40,7 @@ export const GoogleAdSense = ({
       src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-${_publisherId}${
         debug ? "google_console=1" : ""
       }`}
-      strategy="lazyOnload"
+      strategy={isAutoAd ? "lazyOnload" : "afterInteractive"}
       crossOrigin="anonymous"
       {...props}
     />