Karier

`; } else if (LAYOUT === 'carousel') { adEl.style.cssText = 'min-width:280px !important;scroll-snap-align:start !important;display:flex !important;flex-direction:column !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;text-decoration:none !important;background:#fff !important;'; adEl.innerHTML = ` `; } else if (LAYOUT === 'banner') { adEl.style.cssText = 'min-width:200px !important;display:flex !important;flex-direction:column !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;text-decoration:none !important;background:#fff !important;transition:transform 0.2s,box-shadow 0.2s !important;cursor:pointer !important;'; adEl.innerHTML = ` `; } else if (LAYOUT === 'feed') { adEl.style.cssText = 'display:flex !important;flex-direction:column !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;text-decoration:none !important;background:#fff !important;transition:transform 0.2s,box-shadow 0.2s !important;cursor:pointer !important;'; adEl.innerHTML = ` `; } else { adEl.style.cssText = 'display:flex !important;flex-direction:column !important;height:100% !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;text-decoration:none !important;transition:transform 0.2s,box-shadow 0.2s !important;cursor:pointer !important;background:#fff !important;'; adEl.innerHTML = ` `; } return adEl; } function renderAds(ads) { const container = document.getElementById(WIDGET_ID); if (!container) return; container.innerHTML = ''; const layoutStyles = { horizontal: `display:grid;grid-template-columns:repeat(${GRID_COLUMNS},1fr);gap:16px;margin:16px 0;width:100%;`, vertical: 'display:flex;flex-direction:column;gap:10px;margin:16px 0;max-width:320px;', carousel: 'display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:16px 0;', banner: 'display:flex;overflow-x:auto;gap:10px;padding:10px 0;', feed: 'display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto;padding:16px;', grid: `display:grid;grid-template-columns:repeat(${GRID_COLUMNS},1fr);gap:16px;margin:16px 0;width:100%;` }; container.style.cssText = layoutStyles[LAYOUT] || layoutStyles.horizontal; ads.forEach(ad => { const adEl = createAdElement(ad); container.appendChild(adEl); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', loadAds); } else { loadAds(); } })();