sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a thin horizontal ad banner above article images

Browse Source 
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
This commit is contained in:
sebastjanartic 2026-03-08 07:07:49 +00:00
parent f0dd51a3a9
commit f406f9de9c
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/pages/article.tsx
View File

@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import Header from "@/components/header"; import Header from "@/components/header";
import Footer from "@/components/footer"; import Footer from "@/components/footer";
import { InArticleAd, PageSideAds } from "@/components/adsense"; import AdSense, { InArticleAd, PageSideAds } from "@/components/adsense";
import DOMPurify from "dompurify"; import DOMPurify from "dompurify";
import ShareButtons from "@/components/share-buttons"; import ShareButtons from "@/components/share-buttons";
import InterstitialAd from "@/components/interstitial-ad"; import InterstitialAd from "@/components/interstitial-ad";
@ -240,6 +240,16 @@ export default function ArticlePage() {
</Button> </Button>
</Link> </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 && ( {article.coverImage && (
<div className="relative overflow-hidden rounded-md mb-5 max-h-[420px]"> <div className="relative overflow-hidden rounded-md mb-5 max-h-[420px]">
<img <img