AdSense Multi-Frame Autoload Test

This page demonstrates automatic loading of Google AdSense ads across multiple iframes. Each frame loads independently and displays ad units.

Controls

Ready. Click "Reload All Frames" to refresh ad units.

Frame 1 - Responsive Ad Unit

Size: 728x90 | Type: Display | Auto-refresh: Enabled

Frame 2 - Square Ad Unit

Size: 300x250 | Type: Display | Auto-refresh: Enabled

Frame 3 - Vertical Ad Unit

Size: 160x600 | Type: Display | Auto-refresh: Enabled

Frame 4 - Large Rectangle

Size: 336x280 | Type: Display | Auto-refresh: Enabled

Frame loaded: ${new Date().toLocaleTimeString()}
Slot ID: ${slotId}

`.trim(); } // Load ads into all frames function loadAllFrames() { const frames = [ { id: 'frame1', slot: AD_SLOTS.frame1, width: 728, height: 90 }, { id: 'frame2', slot: AD_SLOTS.frame2, width: 300, height: 250 }, { id: 'frame3', slot: AD_SLOTS.frame3, width: 160, height: 600 }, { id: 'frame4', slot: AD_SLOTS.frame4, width: 336, height: 280 } ]; frames.forEach(frame => { const iframe = document.getElementById(frame.id); if (iframe) { const doc = iframe.contentDocument || iframe.contentWindow.document; doc.open(); doc.write(generateAdSenseHTML(frame.slot, frame.width, frame.height)); doc.close(); } }); updateStatus('All frames loaded successfully at ' + new Date().toLocaleTimeString()); } // Reload all frames function reloadAllFrames() { updateStatus('Reloading all frames...'); loadAllFrames(); } // Toggle frame visibility function toggleFrameVisibility() { framesVisible = !framesVisible; const wrapper = document.getElementById('frames-wrapper'); wrapper.style.display = framesVisible ? 'block' : 'none'; updateStatus('Frames ' + (framesVisible ? 'shown' : 'hidden')); } // Add new frame dynamically function addNewFrame() { const wrapper = document.getElementById('frames-wrapper'); const newContainer = document.createElement('div'); newContainer.className = 'frame-container'; newContainer.id = `frame${frameCounter}-container`; const slotId = Math.floor(Math.random() * 9000000000) + 1000000000; newContainer.innerHTML = `

Frame ${frameCounter} - Dynamic Ad Unit

Size: 300x250 | Type: Display | Dynamically added

`; wrapper.appendChild(newContainer); // Load ad into new frame setTimeout(() => { const iframe = document.getElementById(`frame${frameCounter}`); if (iframe) { const doc = iframe.contentDocument || iframe.contentWindow.document; doc.open(); doc.write(generateAdSenseHTML(slotId, 300, 250)); doc.close(); } }, 100); updateStatus(`Frame ${frameCounter} added dynamically with slot ID: ${slotId}`); frameCounter++; } // Update status message function updateStatus(message) { const status = document.getElementById('status'); if (status) { status.textContent = message; } } // Auto-load frames on page load window.addEventListener('load', () => { updateStatus('Initializing frames...'); setTimeout(() => { loadAllFrames(); }, 500); }); // Periodic auto-refresh (every 30 seconds) setInterval(() => { if (framesVisible) { updateStatus('Auto-refreshing frames at ' + new Date().toLocaleTimeString()); loadAllFrames(); } }, 30000);