feat: support ahrefs analytics

env.example

@@ -76,7 +76,7 @@ NEXT_PUBLIC_STRIPE_PRICE_PRO_YEARLY=""
 NEXT_PUBLIC_STRIPE_PRICE_LIFETIME=""
 
 # -----------------------------------------------------------------------------
-# Analytics 
+# Analytics
 # https://mksaas.com/docs/analytics#setup
 # -----------------------------------------------------------------------------
 # Google Analytics (https://analytics.google.com)
@@ -101,6 +101,11 @@ NEXT_PUBLIC_OPENPANEL_CLIENT_ID=""
 NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
 NEXT_PUBLIC_PLAUSIBLE_SCRIPT="https://plausible.io/js/script.js"
 # -----------------------------------------------------------------------------
+# Ahrefs Analytics (https://ahrefs.com)
+# https://mksaas.com/docs/analytics#ahrefs
+# -----------------------------------------------------------------------------
+NEXT_PUBLIC_AHREFS_WEBSITE_ID=""
+# -----------------------------------------------------------------------------
 # Seline Analytics
 # https://mksaas.com/docs/analytics#seline
 # -----------------------------------------------------------------------------

src/analytics/ahrefs-analytics.tsx

@@ -0,0 +1,28 @@
+'use client';
+
+import Script from 'next/script';
+
+/**
+ * Ahrefs Analytics
+ *
+ * https://ahrefs.com/
+ */
+export function AhrefsAnalytics() {
+  if (process.env.NODE_ENV !== 'production') {
+    return null;
+  }
+
+  const websiteId = process.env.NEXT_PUBLIC_AHREFS_WEBSITE_ID as string;
+  if (!websiteId) {
+    return null;
+  }
+
+  return (
+    <Script
+      async
+      type="text/javascript"
+      data-key={websiteId}
+      src="https://analytics.ahrefs.com/analytics.js"
+    />
+  );
+}

src/analytics/analytics.tsx

@@ -1,12 +1,13 @@
 import { websiteConfig } from '@/config/website';
+import { Analytics as VercelAnalytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/next';
+import { AhrefsAnalytics } from './ahrefs-analytics';
 import DataFastAnalytics from './data-fast-analytics';
 import GoogleAnalytics from './google-analytics';
 import OpenPanelAnalytics from './open-panel-analytics';
 import { PlausibleAnalytics } from './plausible-analytics';
 import { SelineAnalytics } from './seline-analytics';
 import { UmamiAnalytics } from './umami-analytics';
-import { Analytics as VercelAnalytics } from '@vercel/analytics/react';
-import { SpeedInsights } from '@vercel/speed-insights/next';
 
 /**
  * Analytics Components all in one
@@ -33,6 +34,9 @@ export function Analytics() {
       {/* plausible analytics */}
       <PlausibleAnalytics />
 
+      {/* ahrefs analytics */}
+      <AhrefsAnalytics />
+
       {/* datafast analytics */}
       <DataFastAnalytics />