Add google adsense to page

ixleo · Jun 27, 2024 · b5417bd · b5417bd
1 parent e55be56
commit b5417bd
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/frontend/app/[locale]/layout.tsx b/frontend/app/[locale]/layout.tsx
@@ -3,6 +3,7 @@ import "@/app/globals.css";
 import { ReactNode } from "react";
 import { getTranslations } from "next-intl/server";
 import type { Viewport } from "next";
+import GoogleAdsense from "@/components/google-adsense";
 
 export async function generateMetadata({
   params: { locale },
@@ -35,6 +36,7 @@ export default function RootLayout({
   return (
     <html lang={locale}>
       <body className={`${inter.className} bg-base-200`}>{children}</body>
+      <GoogleAdsense pId={process.env.GoogleAdsensePId} />
     </html>
   );
 }
diff --git a/frontend/components/google-adsense.tsx b/frontend/components/google-adsense.tsx
@@ -0,0 +1,15 @@
+import Script from "next/script";
+
+export default function GoogleAdsense({ pId }: { pId?: string }) {
+  if (process.env.NODE_ENV !== "production" || !pId) {
+    return null;
+  }
+
+  return (
+    <Script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-${pId}"
+      crossOrigin="anonymous"
+    />
+  );
+}