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:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user