hopefully added some more ads but well see if it worked ig prod testing goated fr fr no cap

Author: sojs-coder

src/lib/adSlotConfig.ts

@@ -0,0 +1,69 @@
+import { browser } from "$app/environment";
+import { detectAdBlockEnabled } from "./helpers.js";
+import { SessionState } from "./state.js";
+import { findAHosts } from "./types/servers.js";
+
+export const adSlotConfig = {
+    "ccported.github.io": {
+        sidebar: "69fd2258-841e-496e-b471-7fee303347da",
+        grid: "1327f13c-fb3f-45df-9616-2c76dacf8707",
+        footer: "c2522ff2-7549-433b-a689-0cd63517722c",
+    },
+    "ccported.click": {
+        sidebar: "52cde221-3941-473c-afbc-5376c9ae5f76",
+        grid: "29d0156c-2d0c-4d77-b80c-6a3c21b13dd2",
+        footer: "b203fc61-1cc6-4a48-a13a-be6dbe61f3f0"
+    },
+};
+
+export async function initializeAds(adSlots: {
+    sidebar?: string;
+    grid?:  string;
+    footer?: string;
+} | null) {
+    let adBlock = false;
+    let adsEnabled = true;
+    await detectAdBlockEnabled();
+    console.log(
+        "[R][CardGrid][Mount] AdBlock Enabled:",
+        SessionState.adBlockEnabled,
+    );
+    adBlock = SessionState.adBlockEnabled;
+    adsEnabled = SessionState.adsEnabled;
+    if (adsEnabled) {
+        const host = browser ? window.location.hostname : "<SSR_HOST>";
+        if (host in adSlotConfig) {
+            adSlots = adSlotConfig[host as keyof typeof adSlotConfig];
+        }
+        (async () => {
+            const aHosts = await findAHosts();
+            if (!aHosts) {
+                adsEnabled = false;
+                SessionState.adsEnabled = false;
+                return;
+            }
+
+            const aHostData = aHosts.find((h) => h.hostname === host);
+            if (aHostData && aHostData.acode) {
+                const scriptId = `ad-script-${aHostData.acode}`;
+                if (document.getElementById(scriptId)) return;
+
+                const script = document.createElement("script");
+                script.id = scriptId;
+                script.src = `//monu.delivery/site/${aHostData.acode}`;
+                script.setAttribute("data-cfasync", "false");
+                script.defer = true;
+                document.head.appendChild(script);
+            } else {
+                console.log(
+                    "[R][CardGrid][Mount] No valid AHost for this domain:",
+                    host,
+                );
+                adsEnabled = false;
+                SessionState.adsEnabled = false;
+            }
+        })();
+    }
+
+    return { adBlock, adsEnabled };
+}

src/lib/components/CardGrid.svelte

@@ -19,22 +19,12 @@
     import { browser } from "$app/environment";
     import { loadGames } from "$lib/loadCards.js";
     import { goto } from "$app/navigation";
+    import { adSlotConfig, initializeAds } from "$lib/adSlotConfig.js";
 
     let searchIsOpen = $state(false);
     let games = $state<Game[]>([]);
     let adsEnabled = $state(false);
-    let adSlots = $state<{ sidebar: string; grid: string } | null>(null);
-
-    const adSlotConfig = {
-        "ccported.github.io": {
-            sidebar: "69fd2258-841e-496e-b471-7fee303347da",
-            grid: "1327f13c-fb3f-45df-9616-2c76dacf8707",
-        },
-        "ccported.click": {
-            sidebar: "52cde221-3941-473c-afbc-5376c9ae5f76",
-            grid: "29d0156c-2d0c-4d77-b80c-6a3c21b13dd2",
-        },
-    };
+    let adSlots = $state<{ sidebar: string; grid: string; footer: string } | null>(null);
 
     // Sort options
     type SortType = "default" | "az" | "za" | "clicksAsc" | "clicksDesc" | "new" | "old";
@@ -254,47 +244,7 @@
 
         if (SessionState.ssr) return;
 
-        await detectAdBlockEnabled();
-        console.log(
-            "[R][CardGrid][Mount] AdBlock Enabled:",
-            SessionState.adBlockEnabled,
-        );
-        adBlock = SessionState.adBlockEnabled;
-        adsEnabled = SessionState.adsEnabled;
-        if (adsEnabled) {
-            const host = browser ? window.location.hostname : "<SSR_HOST>";
-            if (host in adSlotConfig) {
-                adSlots = adSlotConfig[host as keyof typeof adSlotConfig];
-            }
-            (async () => {
-                const aHosts = await findAHosts();
-                if (!aHosts) {
-                    adsEnabled = false;
-                    SessionState.adsEnabled = false;
-                    return;
-                }
-
-                const aHostData = aHosts.find((h) => h.hostname === host);
-                if (aHostData && aHostData.acode) {
-                    const scriptId = `ad-script-${aHostData.acode}`;
-                    if (document.getElementById(scriptId)) return;
-
-                    const script = document.createElement("script");
-                    script.id = scriptId;
-                    script.src = `//monu.delivery/site/${aHostData.acode}`;
-                    script.setAttribute("data-cfasync", "false");
-                    script.defer = true;
-                    document.head.appendChild(script);
-                } else {
-                    console.log(
-                        "[R][CardGrid][Mount] No valid AHost for this domain:",
-                        host,
-                    );
-                    adsEnabled = false;
-                    SessionState.adsEnabled = false;
-                }
-            })();
-        }
+        ({ adBlock, adsEnabled } = await initializeAds(adSlots));
     });
 
     $effect(() => {
@@ -496,6 +446,10 @@
                 <Ad slotId={adSlots.sidebar} />
             </div>
         </div>
+
+        <div class = "footer-ad">
+            <Ad slotId={adSlots.footer} />
+        </div>
     {/if}
 </div>
 

src/routes/play/+page.svelte

@@ -17,6 +17,8 @@
     } from "$lib/helpers.js";
     import { browser } from "$app/environment";
     import { ReplicaModificationsStatus } from "@aws-sdk/client-s3";
+    import { adSlotConfig, initializeAds } from "$lib/adSlotConfig.js";
+    import Ad from "$lib/components/Ad.svelte";
 
     let game: Game | null = $state(null);
     let adblock = $state(false);
@@ -70,6 +72,13 @@
     let application: any = null;
     let adContinued = $state(false);
     let commitHash = $state("");
+
+    let adsEnabled = $state(false);
+    let adSlots = $state<{
+        sidebar: string;
+        grid: string;
+        footer: string;
+    } | null>(null);
     onMount(async () => {
         await initializeTooling();
         await fetchGameData();
@@ -97,6 +106,18 @@
                     clearInterval(interval);
                 }
             }, 1000);
+        } else {
+            (async () => {
+                if (!browser) return;
+
+                const hostname = window.location.hostname;
+                const { adBlock, adsEnabled: adsOn } =
+                    await initializeAds(
+                        adSlots
+                    );
+                adblock = adBlock;
+                adsEnabled = adsOn;
+            })();
         }
     });
 
@@ -436,6 +457,10 @@
     </div>
 {/if}
 
+{#if adsEnabled && adSlots}
+    <Ad slotId={adSlots.footer} />
+{/if}
+
 <style>
     .play {
         display: flex;