Update ad sizes and placement for improved user experience
Update the `HeaderAd.tsx` component to use a 970x90px desktop ad slot and adjust the `home.tsx` page to display the same ad size before the footer. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/RzcERJv
This commit is contained in:
parent
b68b755ef9
commit
f67af040c0
4
.replit
4
.replit
@ -24,8 +24,8 @@ localPort = 35637
|
||||
externalPort = 3000
|
||||
|
||||
[[ports]]
|
||||
localPort = 40943
|
||||
externalPort = 3002
|
||||
localPort = 41313
|
||||
externalPort = 3003
|
||||
|
||||
[env]
|
||||
PORT = "5000"
|
||||
|
||||
@ -22,7 +22,7 @@ export default function HeaderAd() {
|
||||
|
||||
return (
|
||||
<div className="w-full flex justify-center py-1 bg-bunny-dark" ref={adRef}>
|
||||
{/* Desktop: Hidden on mobile, Mobile: 320x50px */}
|
||||
{/* Mobile: 320x50px */}
|
||||
<ins
|
||||
className="adsbygoogle md:hidden"
|
||||
style={{
|
||||
@ -34,16 +34,16 @@ export default function HeaderAd() {
|
||||
data-ad-slot="7241323742"
|
||||
/>
|
||||
|
||||
{/* Desktop: 728x90px, Hidden on mobile */}
|
||||
{/* Desktop: 970x90px Wide Header Ad */}
|
||||
<ins
|
||||
className="adsbygoogle hidden md:inline-block"
|
||||
style={{
|
||||
display: 'inline-block',
|
||||
width: '728px',
|
||||
width: '970px',
|
||||
height: '90px'
|
||||
}}
|
||||
data-ad-client="ca-pub-4465464714854276"
|
||||
data-ad-slot="7241323742"
|
||||
data-ad-slot="6554928035"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -221,12 +221,12 @@ export default function Home() {
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{/* Desktop Bottom Banner Ad */}
|
||||
{/* Desktop Bottom Banner Ad - 970x90 before footer */}
|
||||
<div className="container py-4 border-t border-white/10 hidden md:block">
|
||||
<div className="w-full flex justify-center">
|
||||
<AdSenseAd
|
||||
adSlot="5972813417"
|
||||
width={728}
|
||||
adSlot="6554928035"
|
||||
width={970}
|
||||
height={90}
|
||||
className="max-w-full"
|
||||
lazy={true}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user