added new monetag

Author: muhammad-fiaz

.env.example

@@ -15,6 +15,9 @@ PUBLIC_GTM_ID=GTM-XXXXXXXXX
 # Google Analytics configuration
 PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX
 
+# Monetag configuration
+PUBLIC_MONETAG_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
 # Giscus configuration (public runtime)
 # Create these in GitHub Discussions settings for the repository
 PUBLIC_GISCUS_REPO=DailyNest/dailynest.github.io

.github/workflows/astro_deploy.yml

@@ -45,6 +45,7 @@ jobs:
           echo "PUBLIC_GOOGLE_SITE_VERIFICATION=${{ secrets.PUBLIC_GOOGLE_SITE_VERIFICATION }}" >> .env
           echo "PUBLIC_GTM_ID=${{ secrets.PUBLIC_GTM_ID }}" >> .env
           echo "PUBLIC_GA_MEASUREMENT_ID=${{ secrets.PUBLIC_GA_MEASUREMENT_ID }}" >> .env
+          echo "PUBLIC_MONETAG_KEY=${{ secrets.PUBLIC_MONETAG_KEY }}" >> .env
 
       # 4. Install dependencies and build site
       - name: Install dependencies and build site

src/components/bases/head.astro

@@ -7,7 +7,7 @@ import "@fontsource-variable/source-serif-4";
 import { ClientRouter } from "astro:transitions";
 import { SITE } from "@/lib/config";
 import type { ArticleMeta, Meta } from "@/lib/types";
-import { GOOGLE_CONFIG, getGATagConfig, getGTMContainerId, hasGoogleAnalytics, hasGoogleTagManager, hasGoogleAdSense } from "@/utils/google-config";
+import { GOOGLE_CONFIG, getGATagConfig, getGTMContainerId, hasGoogleAnalytics, hasGoogleTagManager, hasGoogleAdSense, hasMonetag } from "@/utils/google-config";
 
 type Props = {
   meta: Meta | ArticleMeta;
@@ -45,6 +45,11 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
        crossorigin="anonymous"></script>
   )}
 
+  <!-- Monetag -->
+  {hasMonetag() && (
+    <meta name="monetag" content={GOOGLE_CONFIG.MONETAG_KEY} />
+  )}
+
   <!-- Google Analytics and Consent Mode -->
   {hasGoogleAnalytics() && (
     <>

src/utils/google-config.ts

@@ -15,6 +15,9 @@ export const GOOGLE_CONFIG = {
 
   // Google Site Verification
   SITE_VERIFICATION: import.meta.env.PUBLIC_GOOGLE_SITE_VERIFICATION || "",
+
+  // Monetag Key
+  MONETAG_KEY: import.meta.env.PUBLIC_MONETAG_KEY || "",
 } as const;
 
 /**
@@ -53,3 +56,10 @@ export function hasGoogleTagManager(): boolean {
 export function hasGoogleAdSense(): boolean {
   return Boolean(GOOGLE_CONFIG.ADSENSE_CLIENT_ID);
 }
+
+/**
+ * Check if Monetag is configured
+ */
+export function hasMonetag(): boolean {
+  return Boolean(GOOGLE_CONFIG.MONETAG_KEY);
+}