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

Oglasi: vsebinske enote odzivne namesto fiksnih 90px, multiplex na koncu clanka

Browse Source
This commit is contained in:
sebastjan 2026-08-16 08:55:21 +02:00
parent 590e5438d3
commit 561d15d8b3
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/adsense.tsx
View File

@ -109,14 +109,15 @@ export function TopBannerAd() {
} }
export function InArticleAd() { export function InArticleAd() {
// Odzivna enota: AdSense sam izbere obliko (na mobilnem 300x250 / 336x280,
// na namizju leaderboard). Fiksnih 90 px je najslabse placana oblika.
return ( return (
<div className="my-6 rounded-md overflow-hidden bg-card border border-card-border" style={{ minHeight: "106px" }}> <div className="my-6 rounded-md overflow-hidden bg-card border border-card-border" style={{ minHeight: "260px" }}>
<div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div> <div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
<AdSense <AdSense
slot="4154017639" slot="4154017639"
format="horizontal" format="auto"
style={{ display: "block", width: "100%", height: "90px" }} style={{ display: "block", width: "100%" }}
responsive={false}
/> />
</div> </div>
); );

7
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 AdSense, { InArticleAd, PageSideAds } from "@/components/adsense"; import AdSense, { InArticleAd, PageSideAds, MultiplexAd } from "@/components/adsense";
import { useIsMobile } from "@/hooks/use-mobile"; import { useIsMobile } from "@/hooks/use-mobile";
import DOMPurify from "dompurify"; import DOMPurify from "dompurify";
import ShareButtons from "@/components/share-buttons"; import ShareButtons from "@/components/share-buttons";
@ -418,6 +418,11 @@ export default function ArticlePage() {
/> />
</div> </div>
<div className="mt-6" data-testid="ad-multiplex-end">
<div className="text-[9px] text-muted-foreground/40 text-center pb-1 uppercase tracking-widest">Anzeige</div>
<MultiplexAd />
</div>
<RelatedArticles currentSlug={slug || ""} /> <RelatedArticles currentSlug={slug || ""} />
</main> </main>
<ParallaxAd /> <ParallaxAd />