Add two new ad formats to blog articles for increased revenue

Integrates an interstitial overlay ad and a parallax ad into article pages to display advertisements.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 3158e283-294f-4fb9-b342-6bff6c7c14cc
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/tdiozLO
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic
2026-03-08 06:35:33 +00:00
parent f653a15043
commit c70a63f5c3
4 changed files with 91 additions and 0 deletions
+19
View File
@@ -0,0 +1,19 @@
import AdSense from "./adsense";
export default function ParallaxAd() {
return (
<div className="relative" data-testid="parallax-ad-wrapper">
<div className="sticky top-0 h-[350px] flex items-center justify-center bg-background z-0">
<div className="text-center w-full max-w-lg mx-auto">
<div className="text-[10px] text-muted-foreground/40 text-center mb-2 uppercase tracking-widest">Anzeige</div>
<AdSense
slot="2398082838"
format="rectangle"
style={{ display: "block", minHeight: "250px" }}
/>
</div>
</div>
<div className="h-[350px]" aria-hidden="true" />
</div>
);
}