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

Improve AdSense ad rendering and initialization for better visibility

Browse Source 
Update AdSenseAd component to ensure proper initialization and rendering with defined styles, improving ad slot visibility and user experience.

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/dy0t7tj
This commit is contained in:
sebastjanartic 2025-09-17 09:39:55 +00:00
parent 39a2567ba9
commit 646f4f3843
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -15,6 +15,10 @@ run = ["npm", "run", "start"]
localPort = 5000 localPort = 5000
externalPort = 80 externalPort = 80
[[ports]]
localPort = 35163
externalPort = 3000
[env] [env]
PORT = "5000" PORT = "5000"

13
client/src/components/adsense-ad.tsx
View File

@ -21,16 +21,20 @@ export default function AdSenseAd({
try { try {
// Ensure adsbygoogle is loaded // Ensure adsbygoogle is loaded
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
console.log(`🎯 AdSense: Initializing ad slot ${adSlot}`);
// @ts-ignore // @ts-ignore
(window.adsbygoogle = window.adsbygoogle || []).push({}); (window.adsbygoogle = window.adsbygoogle || []).push({});
console.log(`✅ AdSense: Ad slot ${adSlot} pushed to queue`);
} }
} catch (error) { } catch (error) {
console.error('AdSense initialization error:', error); console.error('AdSense initialization error:', error);
} }
}, []); }, [adSlot]);
const adStyle: React.CSSProperties = { const adStyle: React.CSSProperties = {
display: 'block' display: 'block',
minWidth: '300px',
minHeight: '250px'
}; };
if (adFormat !== 'auto' && width && height) { if (adFormat !== 'auto' && width && height) {
@ -41,8 +45,11 @@ export default function AdSenseAd({
adStyle.height = 'auto'; adStyle.height = 'auto';
} }
console.log(`📐 AdSense: Rendering ad slot ${adSlot} with style:`, adStyle);
return ( return (
<div className={`adsense-wrapper ${className}`} ref={adRef}> <div className={`adsense-wrapper ${className}`} ref={adRef} style={{ minHeight: '250px', background: 'rgba(255,255,255,0.05)', border: '1px solid rgba(255,255,255,0.1)', borderRadius: '8px', padding: '10px' }}>
<div className="text-white text-xs opacity-50 mb-2">AdSense Slot: {adSlot}</div>
<ins <ins
className="adsbygoogle" className="adsbygoogle"
style={adStyle} style={adStyle}