localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ads): render iframe OR fallback image, not both

Browse Source
This commit is contained in:
Ryan
2026-05-11 03:22:19 +00:00
parent 031ff6f220
commit 25545dac48
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/AdImage.tsx
View File

@@ -23,17 +23,7 @@ const ADSANITY_CAMPAIGN_MAP: Record<string, string> = {
'lectrosonics': 'ad-156727',
'livu-300': 'ad-156486',
'magewell': 'ad-154296',
'blackmagic': 'ad-210571',
'magewell-300': 'ad-154296',
'studio-suite-300': 'ad-162714',
'zixi-300': 'ad-156737',
'lectrosonics-300': 'ad-156727',
'aja-300': 'ad-164285',
'livu-300-2': 'ad-156486',
'opengear-300': 'ad-200174',
'look-solutions-300': 'ad-208185',
'riedel-300': 'ad-210571',
'telycam-300': 'ad-191740'
'blackmagic': 'ad-210571'
};
export default function AdImage({ ad, page, priority }: { ad: Ad; page?: string; priority?: boolean }) {
@@ -73,15 +63,23 @@ export default function AdImage({ ad, page, priority }: { ad: Ad; page?: string;
}).catch(err => console.error('Click:', err));
};
const width = parseInt(ad.size.split('x')[0]);
const height = parseInt(ad.size.split('x')[1]);
if (adsanityId) {
return (
<div ref={containerRef} className="ad-container">
<iframe src={`https://ads.broadcastbeat.com/wp-content/plugins/adsanity/render.php?id=${adsanityId}`} width={width} height={height} frameBorder="0" scrolling="no" style={{display:'block'}} />
</div>
);
}
return (
<div ref={containerRef} className="ad-container">
{adsanityId && (
<iframe src={`https://ads.broadcastbeat.com/wp-content/plugins/adsanity/render.php?id=${adsanityId}`} width={parseInt(ad.size.split('x')[0])} height={parseInt(ad.size.split('x')[1])} frameBorder="0" scrolling="no" style={{display:'block'}} onError={() => console.warn('AdSanity iframe failed, bb.banner_analytics tracking active')} />
)}
{ad.click_url ? (
<a href={ad.click_url} rel="sponsored noopener noreferrer" onClick={handleClick} style={{display:'none'}}><AppImage src={ad.src} alt={ad.label} width={parseInt(ad.size.split('x')[0])} height={parseInt(ad.size.split('x')[1])} priority={priority} /></a>
<a href={ad.click_url} rel="sponsored noopener noreferrer" onClick={handleClick}><AppImage src={ad.src} alt={ad.label} width={width} height={height} priority={priority} /></a>
) : (
<AppImage src={ad.src} alt={ad.label} width={parseInt(ad.size.split('x')[0])} height={parseInt(ad.size.split('x')[1])} priority={priority} style={{display:'none'}} />
<AppImage src={ad.src} alt={ad.label} width={width} height={height} priority={priority} />
)}
</div>
);