feat: install Ahrefs Website Analytics on open.silver.dev

example.env

@@ -14,6 +14,9 @@ XAI_API_KEY=xai-
 NEXT_PUBLIC_POSTHOG_KEY=phc_
 NEXT_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com
 
+# Ahrefs Website Analytics
+NEXT_PUBLIC_AHREFS_ANALYTICS_KEY=
+
 # Notion
 NOTION_API_KEY=ntn_
 NOTION_DATABASE_ID=

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import { AhrefsAnalytics } from "@/components/ahrefs-analytics";
 import { Footer } from "@/components/footer";
 import { Header } from "@/components/header";
 import { QueryClientWrapper } from "@/components/query-client-wrapper";
@@ -40,6 +41,7 @@ export default async function RootLayout({
   return (
     <html lang="en" className="scroll-smooth">
       <GoogleAnalytics gaId="G-QFVTDBRTP4" />
+      <AhrefsAnalytics />
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
         suppressHydrationWarning

src/components/ahrefs-analytics.tsx

@@ -0,0 +1,17 @@
+import Script from "next/script";
+
+const AHREFS_ANALYTICS_KEY = process.env.NEXT_PUBLIC_AHREFS_ANALYTICS_KEY;
+
+export function AhrefsAnalytics() {
+  if (!AHREFS_ANALYTICS_KEY) {
+    return null;
+  }
+
+  return (
+    <Script
+      src="https://analytics.ahrefs.com/analytics.js"
+      data-key={AHREFS_ANALYTICS_KEY}
+      strategy="afterInteractive"
+    />
+  );
+}