From e3414a6e4d8912d939b3c2b51c943ed835209781 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Thu, 5 Mar 2026 15:59:58 +0000 Subject: [PATCH] Add side advertisements to all pages for increased visibility Introduce `PageSideAds` component and integrate it across various pages including Home, Article, Category, Videos, Gallery, Horoscope, Recipes, Search, About, Impressum, Datenschutz, and Empfang. This component displays vertical ads on screens wider than 2xl. Additionally, the Home page's existing ad implementation is refactored to use this new component. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1f7e7e89-a520-4970-9645-37daadc466dc Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 6355ba60-5043-4119-a09f-5437b272e829 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/1f7e7e89-a520-4970-9645-37daadc466dc/zWnrdl3 Replit-Helium-Checkpoint-Created: true --- client/src/components/adsense.tsx | 25 + client/src/pages/about.tsx | 2 + client/src/pages/article.tsx | 3 +- client/src/pages/category.tsx | 3 +- client/src/pages/datenschutz.tsx | 2 + client/src/pages/empfang.tsx | 2 + client/src/pages/gallery.tsx | 3 +- client/src/pages/home.tsx | 23 +- client/src/pages/horoscope.tsx | 3 +- client/src/pages/impressum.tsx | 2 + client/src/pages/recipes.tsx | 3 +- client/src/pages/search.tsx | 2 + client/src/pages/videos.tsx | 3 +- server/gallery-data.json | 1306 ++++++++++++++--------------- 14 files changed, 693 insertions(+), 689 deletions(-) diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx index fa60e05..19e4f72 100644 --- a/client/src/components/adsense.tsx +++ b/client/src/components/adsense.tsx @@ -121,6 +121,31 @@ export function MultiplexAd() { ); } +export function PageSideAds() { + return ( +
+
+
+ +
+
+
+
+ +
+
+
+ ); +} + export function SidebarAd() { const [visible, setVisible] = useState(false); diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx index eebbb4c..d5bd27f 100644 --- a/client/src/pages/about.tsx +++ b/client/src/pages/about.tsx @@ -2,12 +2,14 @@ import { Tv } from "lucide-react"; import Header from "@/components/header"; import Footer from "@/components/footer"; import { usePageMeta } from "@/hooks/use-page-meta"; +import { PageSideAds } from "@/components/adsense"; export default function AboutPage() { usePageMeta("Über FOLX TV - Volksmusik & Schlager Fernsehsender", "Alles über FOLX TV – Ihren Fernsehsender für Volksmusik und Schlager seit 2013."); return (
+
diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx index bb40e05..bb9bb4c 100644 --- a/client/src/pages/article.tsx +++ b/client/src/pages/article.tsx @@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button"; import { Skeleton } from "@/components/ui/skeleton"; import Header from "@/components/header"; import Footer from "@/components/footer"; -import { InArticleAd } from "@/components/adsense"; +import { InArticleAd, PageSideAds } from "@/components/adsense"; import DOMPurify from "dompurify"; import ShareButtons from "@/components/share-buttons"; import { useEffect, useMemo } from "react"; @@ -164,6 +164,7 @@ export default function ArticlePage() { return (
+