From f0dd51a3a964048298fa161a13f9fc4a7029ced3 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sun, 8 Mar 2026 07:06:17 +0000
Subject: [PATCH] Ensure full-screen ads always display on the horoscope page

Introduce a `forceShow` prop to the InterstitialAd component, and utilize it in `horoscope.tsx` to make the interstitial ad appear on every visit to the horoscope page, bypassing the previous article visit counter logic.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 49bdd096-9b74-4b58-b1ec-4755d50170b1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/OPD8Ro3
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/interstitial-ad.tsx | 9 +++++++--
 client/src/pages/horoscope.tsx            | 2 ++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/components/interstitial-ad.tsx b/client/src/components/interstitial-ad.tsx
index 8dd5675..cd8c1a1 100644
--- a/client/src/components/interstitial-ad.tsx
+++ b/client/src/components/interstitial-ad.tsx
@@ -5,10 +5,15 @@ import AdSense from "./adsense";
 const COUNTER_KEY = "folx-interstitial-count";
 const DELAY_MS = 3000;
 
-export default function InterstitialAd() {
+export default function InterstitialAd({ forceShow }: { forceShow?: boolean } = {}) {
   const [visible, setVisible] = useState(false);
 
   useEffect(() => {
+    if (forceShow) {
+      const timer = setTimeout(() => setVisible(true), DELAY_MS);
+      return () => clearTimeout(timer);
+    }
+
     const raw = sessionStorage.getItem(COUNTER_KEY);
     const count = raw ? parseInt(raw, 10) : 0;
     const next = count + 1;
@@ -19,7 +24,7 @@ export default function InterstitialAd() {
 
     const timer = setTimeout(() => setVisible(true), DELAY_MS);
     return () => clearTimeout(timer);
-  }, []);
+  }, [forceShow]);
 
   useEffect(() => {
     if (visible) {
diff --git a/client/src/pages/horoscope.tsx b/client/src/pages/horoscope.tsx
index edb2c21..fd7bd25 100644
--- a/client/src/pages/horoscope.tsx
+++ b/client/src/pages/horoscope.tsx
@@ -21,6 +21,7 @@ import {
 } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
+import InterstitialAd from "@/components/interstitial-ad";
 import { InArticleAd, PageSideAds } from "@/components/adsense";
 import {
   SIGNS,
@@ -395,6 +396,7 @@ export default function HoroscopePage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
+      <InterstitialAd forceShow />
       <PageSideAds />
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">