From fffbb1b2ff025c9f2bd69e09f54cb39dcf15a0a4 Mon Sep 17 00:00:00 2001
From: oiupoyt <oiupoyt.cat@gmail.com>
Date: Sat, 12 Sep 2026 14:04:29 +0530
Subject: [PATCH] feat: integrate Google AdSense with publisher
 ca-pub-3876936176422477

---
 src/app/layout.tsx           |  9 +++++----
 src/components/AdSlot.tsx    |  2 +-
 src/components/SidebarAd.tsx | 27 ++++++++++++++++-----------
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4a2235d..46857db 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -70,10 +70,11 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           name="google-site-verification"
           content="t_GK2K5w97K3W9jIuzdmPKGu-STw4fagx-5jYQib4yE"
         />
-        {/* Adsterra Network Script */}
-        <Script
-          src="https://pl31295441.profitableratecpmnetwork.com/fd/4a/91/fd4a9155d8cc10399821f613377ee9f1.js"
-          strategy="afterInteractive"
+        {/* Google AdSense */}
+        <script
+          async
+          src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3876936176422477"
+          crossOrigin="anonymous"
         />
       </head>
       <body className="dot-bg-fade flex min-h-full flex-col bg-black text-foreground">
diff --git a/src/components/AdSlot.tsx b/src/components/AdSlot.tsx
index d16cf40..0acf6a5 100644
--- a/src/components/AdSlot.tsx
+++ b/src/components/AdSlot.tsx
@@ -12,7 +12,7 @@ export default function AdSlot({ slot, format = "auto", className = "" }: AdSlot
       <ins
         className="adsbygoogle"
         style={{ display: "block" }}
-        data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
+        data-ad-client="ca-pub-3876936176422477"
         data-ad-slot={slot}
         data-ad-format={format}
         data-full-width-responsive="true"
diff --git a/src/components/SidebarAd.tsx b/src/components/SidebarAd.tsx
index a4a23c2..f750f8d 100644
--- a/src/components/SidebarAd.tsx
+++ b/src/components/SidebarAd.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useRef } from "react";
+import { useEffect } from "react";
 
 interface SidebarAdProps {
   slotId?: string;
@@ -8,18 +8,15 @@ interface SidebarAdProps {
   className?: string;
 }
 
-export default function SidebarAd({ format = "vertical", className = "" }: SidebarAdProps) {
-  const containerRef = useRef<HTMLDivElement>(null);
-
+export default function SidebarAd({ slotId, format = "vertical", className = "" }: SidebarAdProps) {
   useEffect(() => {
-    if (!containerRef.current) return;
     try {
-      const script = document.createElement("script");
-      script.src = "https://pl31295441.profitableratecpmnetwork.com/fd/4a/91/fd4a9155d8cc10399821f613377ee9f1.js";
-      script.async = true;
-      containerRef.current.appendChild(script);
+      if (typeof window !== "undefined") {
+        // @ts-expect-error Google ads window object
+        (window.adsbygoogle = window.adsbygoogle || []).push({});
+      }
     } catch {
-      // Ignore network blocks
+      // Ignore if AdSense blocked by client
     }
   }, []);
 
@@ -34,7 +31,15 @@ export default function SidebarAd({ format = "vertical", className = "" }: Sideb
         Ad
       </span>
 
-      <div ref={containerRef} className="w-full flex items-center justify-center min-h-[250px]" />
+      {/* Google AdSense Unit */}
+      <ins
+        className="adsbygoogle block w-full h-full"
+        style={{ display: "block" }}
+        data-ad-client="ca-pub-3876936176422477"
+        data-ad-slot={slotId || "1234567890"}
+        data-ad-format={format === "vertical" ? "vertical" : "auto"}
+        data-full-width-responsive="true"
+      />
     </aside>
   );
 }