Menghubungkan iklan AFS ke Pencarian Situs PSE (Programmable Search Engine)

Memasang script AdSense for Search (AFS) dan Programmable Search Engine (PSE) di Blogger cukup mudah. Berikut langkah-langkahnya:

1. Masuk ke Dashboard Blogger

1. Buka Blogger dan login ke akun Anda.
2. Pilih blog yang ingin Anda pasang fitur pencarian ini.

2. Tambahkan Widget Pencarian

Jika ingin menambahkan pencarian di sidebar atau header:

1. Masuk ke "Tata Letak" di menu Blogger.
2. Klik "Tambahkan Gadget" di bagian tempat Anda ingin meletakkan pencarian.
3. Pilih "HTML/JavaScript".
4. Masukkan kode berikut ke dalam kolom konten:

<!-- Formulir Pencarian -->
<form action="/search" method="GET">
    <input type="text" name="q" placeholder="Cari di blog ini...">
    <input type="submit" value="Cari">
</form>

<!-- Menampilkan hasil pencarian -->
<div id="cse" style="width: 100%;">Loading...</div>

<script async src="https://cse.google.com/cse.js?cx=YOUR_SEARCH_ENGINE_ID"></script>
<script>
    (function() {
        var cx = 'YOUR_SEARCH_ENGINE_ID'; // Ganti dengan ID mesin pencari Anda
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
    })();
</script>

<!-- Kode iklan AdSense for Search -->
<script async src="https://www.google.com/adsense/search/ads.js"></script>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({
        adClient: "ca-pub-XXXXXXXXXXXXXX", // Ganti dengan ID AdSense Anda
        query: "YOUR_SEARCH_QUERY", // Secara otomatis diisi oleh hasil pencarian
        adTest: "on" // Hapus untuk produksi
    });
</script>

5. Klik "Simpan".

3. Menempatkan di Halaman atau Postingan Blogger

Jika ingin menampilkan hasil pencarian di halaman tertentu:

1. Buka "Halaman" > "Halaman Baru" atau buat postingan baru.
2. Pilih mode HTML (bukan mode Compose).
3. Tempelkan script di atas ke dalam editor HTML.
4. Klik "Simpan" dan "Publikasikan".

4. Menyesuaikan Tampilan Hasil Pencarian

Jika ingin menampilkan hasil pencarian di halaman khusus:

1. Buka "Tata Letak" > "Tambahkan Gadget" > "HTML/JavaScript".
2. Tambahkan kode berikut untuk hasil pencarian:

<div id="cse-search-results"></div>
<script async src="https://cse.google.com/cse.js?cx=YOUR_SEARCH_ENGINE_ID"></script>
<script>
    var searchBox = document.createElement("gcse:searchresults-only");
    document.getElementById("cse-search-results").appendChild(searchBox);
</script>

3. Gantilah YOUR_SEARCH_ENGINE_ID dengan ID mesin pencari Google Anda.

5. Mengaktifkan Iklan AdSense for Search

1. Pastikan akun AdSense Anda telah disetujui untuk iklan pencarian.
2. Gunakan kode AdSense for Search yang sesuai di atas.
3. Pastikan bahwa AdSense sudah dikaitkan dengan PSE di dashboard AdSense.

6. Uji Coba dan Periksa

1. Coba cari sesuatu di kotak pencarian di Blogger Anda.
2. Pastikan hasil pencarian muncul dan iklan tampil di sekitar hasil pencarian.
3. Jika tidak muncul, pastikan:
   • ID AdSense dan ID PSE sudah benar.
   • Tidak ada konflik dengan script lain di template Blogger.