sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ad sizes and placement for improved user experience

Browse Source 
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:
sebastjanartic 2025-09-28 13:52:58 +00:00
parent b68b755ef9
commit f67af040c0
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -24,8 +24,8 @@ localPort = 35637
externalPort = 3000 externalPort = 3000
[[ports]] [[ports]]
localPort = 40943 localPort = 41313
externalPort = 3002 externalPort = 3003
[env] [env]
PORT = "5000" PORT = "5000"

8
client/src/components/HeaderAd.tsx
View File

@ -22,7 +22,7 @@ export default function HeaderAd() {
return ( return (
<div className="w-full flex justify-center py-1 bg-bunny-dark" ref={adRef}> <div className="w-full flex justify-center py-1 bg-bunny-dark" ref={adRef}>
{/* Desktop: Hidden on mobile, Mobile: 320x50px */} {/* Mobile: 320x50px */}
<ins <ins
className="adsbygoogle md:hidden" className="adsbygoogle md:hidden"
style={{ style={{
@ -34,16 +34,16 @@ export default function HeaderAd() {
data-ad-slot="7241323742" data-ad-slot="7241323742"
/> />
{/* Desktop: 728x90px, Hidden on mobile */} {/* Desktop: 970x90px Wide Header Ad */}
<ins <ins
className="adsbygoogle hidden md:inline-block" className="adsbygoogle hidden md:inline-block"
style={{ style={{
display: 'inline-block', display: 'inline-block',
width: '728px', width: '970px',
height: '90px' height: '90px'
}} }}
data-ad-client="ca-pub-4465464714854276" data-ad-client="ca-pub-4465464714854276"
data-ad-slot="7241323742" data-ad-slot="6554928035"
/> />
</div> </div>
); );

6
client/src/pages/home.tsx
View File

@ -221,12 +221,12 @@ export default function Home() {
</div> </div>
</main> </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="container py-4 border-t border-white/10 hidden md:block">
<div className="w-full flex justify-center"> <div className="w-full flex justify-center">
<AdSenseAd <AdSenseAd
adSlot="5972813417" adSlot="6554928035"
width={728} width={970}
height={90} height={90}
className="max-w-full" className="max-w-full"
lazy={true} lazy={true}