ads.js

/**
 * QuickTools Ad Integration
 * 
 * Ad zones are HIDDEN by default (no ugly "Ad Space" placeholders).
 * When AdSense is enabled and fills an ad, the zone becomes visible.
 *
 * HOW TO USE:
 * 1. Get approved by Google AdSense
 * 2. Replace slot IDs below with your actual ad unit slot IDs
 * 3. Set ADSENSE_ENABLED to true
 * 4. Redeploy. Ads will replace all placeholder zones automatically.
 */

const ADSENSE_ENABLED = false; // ← Set to true after AdSense approval
const YOUR_PUB_ID = 'ca-pub-2658921743607446';
const SLOT_LEADERBOARD = '1234567890';
const SLOT_RECTANGLE = '0987654321';
const SLOT_BOTTOM = '1122334455';

(function() {
  // Always hide placeholder text inside ad zones
  document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.ad-zone').forEach(zone => {
      zone.textContent = '';
    });
  });

  if (!ADSENSE_ENABLED) return;

  // Inject AdSense script
  const script = document.createElement('script');
  script.async = true;
  script.src = `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${YOUR_PUB_ID}`;
  script.crossOrigin = 'anonymous';
  document.head.appendChild(script);

  // Wait for DOM, then replace placeholder zones
  document.addEventListener('DOMContentLoaded', function() {
    const zones = document.querySelectorAll('.ad-zone');
    
    zones.forEach((zone, index) => {
      const isTop = zone.classList.contains('ad-zone-top');
      const isBottom = zone.classList.contains('ad-zone-bottom');
      const slot = isTop ? SLOT_LEADERBOARD : isBottom ? SLOT_BOTTOM : SLOT_RECTANGLE;
      const format = (isTop || isBottom) ? 'horizontal' : 'rectangle';
      
      zone.innerHTML = `
        <ins class="adsbygoogle"
          style="display:block"
          data-ad-client="${YOUR_PUB_ID}"
          data-ad-slot="${slot}"
          data-ad-format="${format}"
          data-full-width-responsive="true"></ins>
      `;
      zone.classList.add('ad-active');
      zone.style.background = 'none';
      zone.style.border = 'none';
      
      try {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
      } catch(e) {}
    });
  });
})();