Cara Memasang CSE (Custom Search Engine) AdSense

Cara Memasang CSE (Custom Search Engine) AdSense di Blog - Kolom Pencarian adalah hal yang menurut saya harus ada di dalam sebuah situs, tidak terkecuali, Blog.

Sebagai Blogger yang memonetize blog saya dengan Google AdSense, saya pun memasang Google Custom Search Engine ini di blog saya ini. Terlebih topik yang saya bahas mengenai tutorial, sehingga mungkin sekali pengunjung blog ini mencari panduan lain melalui kolom pencarian.

Google memberikan fasilitas CSE ini tentu punya maksud dan tujuan.

Seperti saya singgung di atas, sebagai Publisher AdSense kita juga bisa memasang iklan di Widget keren ini. Teman-teman tidak perlu khawatir soal hasil pencarian dan iklannya, karena saya sudah mencobanya dan benar-benar relevan.

Dengan begitu CSE ini bisa meningkatkan earning AdSense kita.

Gimana? Anda tertarik untuk mencobanya? mari ikuti langkah-langkah dibawah ini.

Langkah Pertama, silahkan anda kunjungi Google Custom Search Engine, kemudian login dengan akun gmail anda.

Kedua, klik Create a custom search engine di pojok kanan atas, lalu pilih New Search Engine.

Kemudian isi form dengan keterangan Blog anda, seperti contoh dibawah.

Perhatikan kolom yang saya beri tanda, silahkan isi dengan keterangan blog anda, kemudian klik Create.

Langkah selanjutnya, silahkan klik Get Code pada tampilan yang mucul di layar anda dan salin kode tersebut.

Jika anda ingin membuat kode tersebut valid HTML5, silahkan edit dan sesuaikan dengan kode dibawah ini.

 <div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
  (function() {
    var cx = '009794064843488085405:yndhg8chxeo';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script> 

Selesai untuk tahap pembuatan Google CSE blog anda. Simpan kode tadi ke notepad di PC anda, karena akan kita gunakan untuk beberapa tahap kedepan.

Sebelum dipasang ke blog, karena tujuan kita juga untuk memonetize CSE tersebut dengan Google AdSense, maka lakukan langkah berikut.

Pertama, kembali ke Dashboard CSE dan pilih Nama Mesin Telusur yang anda buat sebelumnya.

Langkah Kedua, Klik tab Ads pada menu Dashboard. (Perhatikan Gambar)


Pastikan Search Engine Monetization anda dalam keadaan ON.

Selesai.

Cara Memasang CSE AdSense di Blog


Setelah berhasil membuat CSE untuk blog teman-teman, sekarang tinggal ikuti cara dibawah ini untuk memasang CSE tersebut ke blog.

Langkah pertama, buat sebuah halaman/page baru dengan judul pencarian. Maka url page anda "https://bloganda.com/p/pencarian.html".

Kedua, copy-paste kode CSE yang telah anda buat diawal tadi ke page pencarian, pilih mode HTML pada editor blogger, lalu simpan.


Ketiga, silahkan anda menuju menu edit tema (html), dan tekan CTRL+F dan cari kode search box pada blog anda.

*Ini contoh kode search box yang saya gunakan.

<form action='/search' class='searchform' method='get'>
<table>
      <tbody>
        <tr>
          <td class='search-box'>
            <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>
          </td>
          <td class='search-button'>
            <input id='search-button' type='submit' value=''/>
          </td>
        </tr>
      </tbody>
    </table>
</form>

Edit beberapa kode dan sesuaikan dengan kode berikut ini.

<input type='hidden' name='cx' value='partner-pub-004846510630198233812:gmb5qovgjko' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />

Ganti kode "004846510630198233812:gmb5qovgjko" dengan kode search engine ID milikmu.

Keempat, silahkan perhatikan kode berikut ini

<form action='/search' class='searchform' method='get'>

Gantilah kode tersebut dengan kode dibawah ini

<form action='blog_anda.com/p/search-cse.html'  class='searchform'>

Maka, hasilnya akan menjadi seperti ini

<form action='blog_anda.com/p/search-cse.html' class='searchform'>
<input name='cx' type='hidden' value='partner-pub-004846510630198233812:gmb5qovgjko'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<table>
      <tbody>
        <tr>
          <td class='search-box'>
            <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>
          </td>
          <td class='search-button'>
            <input id='search-button' type='submit' value=''/>
          </td>
        </tr>
      </tbody>
    </table>
</form>

Silahkan teman-teman cek kolom pencarian blognya, semoga bermanfaat.
Next Post Previous Post
11 Comments
  • Komptik.
    Komptik. 26 Juli 2022 pukul 13.34

    kog saya malahan tampilannya gak langsung ke google pencarian ya mas, ada kotak pencarian lagi di dalam halamannya. ada yg kurang kah mas? mungkin bisa intip ke blog saya

    • Komptik.
      Komptik. 26 Juli 2022 pukul 16.30

      Coba

    • Jagoan AdSense
      Jagoan AdSense 7 Oktober 2022 pukul 15.39

      sudah saya cek gan, tapi sepertinya blog agan belum menggunakan cse adsense

  • Anonim
    Anonim 8 Agustus 2022 pukul 18.47

    Mas untuk cse ini harus domain approve ya?

    • Jagoan AdSense
      Jagoan AdSense 7 Oktober 2022 pukul 15.34

      iya gan, domainnya harus sudah approve adsense

  • Formwork Accessories Bekisting
    Formwork Accessories Bekisting 25 Desember 2022 pukul 00.17

    Kalau di adsennya ada unit iklan mesin telusur. Apa perlu ini juga? Cse sendiri manfaatnya apa sj ya Pak?

  • Surya Fitrianto
    Surya Fitrianto 23 Maret 2023 pukul 22.14

    Worok thanks

    • Jagoan AdSense
      Jagoan AdSense 5 Mei 2023 pukul 18.04

      Alhamdulillah, ur welcome mas Surya

  • zhynetrick
    zhynetrick 27 Februari 2024 pukul 07.27

    wah ketemu artikel keren, inj yang lagi booming di group cobain juga deh. 😁🙏, thanks share nya mase

  • MasKalem
    MasKalem 14 Mei 2024 pukul 02.40

    saya sudah menerapkannya akan tetapi mengalami sedikit masalah karena hasil pencarian tidak sesuai , artikel yang muncul bukan dari blog saya tapi orang lain tidak seperti blognya masnya ini.

  • Sigarmas
    Sigarmas 29 November 2024 pukul 17.53

    Saya mau pasang cse, tapi di wordpress agak susah, jika pake widget, tampilannya tidak selaras dengan css/tema blog. Mau ganti form pencarian bawaan kurang ngerti ngoprek source code

Add Comment
comment url