From f406f9de9c697efb5a47fa0260799b5dc52395ba Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sun, 8 Mar 2026 07:07:49 +0000
Subject: [PATCH] Add a thin horizontal ad banner above article images

Adds an AdSense horizontal banner ad to the top of each article page, just above the main image, with a fixed height of 90px.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5886d2ff-6006-45de-94b8-092422eb91dc
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/pages/article.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx
index ccf5b09..b99f327 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, PageSideAds } from "@/components/adsense";
+import AdSense, { InArticleAd, PageSideAds } from "@/components/adsense";
 import DOMPurify from "dompurify";
 import ShareButtons from "@/components/share-buttons";
 import InterstitialAd from "@/components/interstitial-ad";
@@ -240,6 +240,16 @@ export default function ArticlePage() {
           </Button>
         </Link>
 
+        <div className="mb-2 rounded-md overflow-hidden bg-card border border-card-border" data-testid="ad-above-image">
+          <div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
+          <AdSense
+            slot="4154017639"
+            format="horizontal"
+            style={{ display: "block", width: "100%", height: "90px" }}
+            responsive={false}
+          />
+        </div>
+
         {article.coverImage && (
           <div className="relative overflow-hidden rounded-md mb-5 max-h-[420px]">
             <img