Konfigurasi Google AdSense di Sitemas

Google AdSense adalah cara paling populer untuk menghasilkan pendapatan dari blog. Sitemas sudah di-design dengan penempatan iklan yang optimal dan tidak mengganggu pengalaman membaca. Artikel ini akan memandu Anda dari pendaftaran hingga monetisasi.

Persyaratan AdSense

Sebelum mendaftar, pastikan website Anda memenuhi kriteria:

*Di beberapa negara seperti India dan China, domain harus berumur 6 bulan.

Mendaftar Google AdSense

export const ADSENSE = {
    publisherId: 'pub-XXXXXXXXXXXXXXXX',
    enabled: true,
} as const;

google.com, pub-XXXXXXXXXXXXXXXX, DIRECT, f08c47fec0942fa0

Penempatan Iklan di Sitemas

Sitemas memiliki beberapa slot iklan yang sudah dioptimasi:

Komponen AdSlot

Sitemas menyediakan komponen AdSlot.astro untuk iklan:

---
import AdSlot from '@/components/ads/AdSlot.astro';
---

<AdSlot 
    slot="top"
    format="auto"
    responsive={true}
/>

Props AdSlot

Konfigurasi Iklan

Edit src/config/ads.ts:

export const adsConfig = {
    enabled: true,          // Master toggle untuk semua iklan
    
    slots: {
        billboard: {
            enabled: true,
            minArticleLength: 0,  // Selalu tampil
        },
        top: {
            enabled: true,
            minArticleLength: 500,  // Hanya tampil jika artikel > 500 kata
        },
        middle: {
            enabled: true,
            minArticleLength: 800,
        },
        bottom: {
            enabled: true,
            minArticleLength: 300,
        },
        sidebar: {
            enabled: true,
            sticky: true,
        },
        matchedContent: {
            enabled: true,
            minArticleLength: 500,
        },
    },
    
    // Exclude ads dari halaman tertentu
    excludePages: [
        '/tentang',
        '/kontak',
        '/privacy-policy',
    ],
};

Ad Density (Jangan Terlalu Banyak)

Google memiliki policy tentang ad density. Rekomendasi:

Auto Ads vs Manual

Auto Ads

Google secara otomatis menempatkan iklan di posisi optimal:

<script 
    async 
    src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXX"
    crossorigin="anonymous"
></script>

Pro:

• Tidak perlu konfigurasi penempatan
• Google mengoptimasi posisi

Kontra:

• Kurang kontrol visual
• Bisa mengganggu desain

Manual Ad Units

Buat ad unit spesifik di AdSense dashboard, lalu tempatkan manual:

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXX"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true">
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sitemas merekomendasikan kombinasi keduanya:

• Auto Ads untuk optimization
• Manual placement untuk posisi kritis

Lazy Loading Iklan

Untuk performa, iklan di-lazy load:

// Observe when ad slot enters viewport
const observer = new IntersectionObserver((entries) => {
    entries.forEach((entry) => {
        if (entry.isIntersecting) {
            // Load ad
            (adsbygoogle = window.adsbygoogle || []).push({});
            observer.unobserve(entry.target);
        }
    });
}, { rootMargin: '200px' });

document.querySelectorAll('.adsbygoogle').forEach((ad) => {
    observer.observe(ad);
});

Placeholder Iklan (Development)

Saat development, Sitemas menampilkan placeholder:

---
const isDev = import.meta.env.DEV;
---

{isDev ? (
    <div class="ad-placeholder">
        <span>AD: {slot}</span>
    </div>
) : (
    <ins class="adsbygoogle" ... />
)}

Monitoring Performa

AdSense Dashboard

Metrik penting yang perlu dipantau:

Core Web Vitals

Pastikan iklan tidak merusak performance:

• CLS (Cumulative Layout Shift): Reserve space untuk iklan
• LCP (Largest Contentful Paint): Lazy load iklan
• FID (First Input Delay): Load script async

Troubleshooting

Iklan Tidak Muncul

1. Akun masih review: Tunggu approval
2. ads.txt salah: Verifikasi Publisher ID
3. AdBlocker aktif: Test di incognito
4. Policy violation: Cek AdSense Policy Center

Revenue Rendah

1. Traffic rendah: Fokus ke SEO dan konten
2. Niche CPC rendah: Pertimbangkan niche dengan CPC tinggi
3. Placement buruk: Optimize posisi iklan
4. Mobile heavy: Mobile umumnya CPC lebih rendah

CLS Issues

Jika iklan menyebabkan layout shift:

.ad-container {
    min-height: 250px; /* Reserve space */
    contain: layout;
}

.ad-container.loaded {
    min-height: auto;
}

Best Practices

1. Jangan klik iklan sendiri — Akan menyebabkan ban
2. Jangan minta visitor klik — Violasi policy
3. Content first — Fokus konten berkualitas
4. Balance ads dan UX — Terlalu banyak iklan = bounce rate tinggi
5. Test placement — A/B test posisi untuk optimal revenue
6. Mobile-friendly — Pastikan iklan tidak blocking content di mobile

Langkah Selanjutnya

Kustomisasi lanjutan sudah selesai! Lanjutkan dengan deployment:

Kesimpulan

Google AdSense adalah cara yang bagus untuk monetisasi blog, tapi membutuhkan:

1. Konten berkualitas dan cukup banyak
2. Penempatan iklan yang tidak mengganggu
3. Kesabaran untuk approval dan revenue building

Sitemas sudah menyediakan fondasi yang solid dengan slot iklan yang teroptimasi dan konfigurasi yang mudah. Fokus Anda adalah menciptakan konten yang valuable — penghasilan akan mengikuti.