Cara Memasang CSE (Custom Search Engine) AdSense di Blog (Terbaru)

Tutorial Google AdSense terlengkap

Cara Memasang CSE (Custom Search Engine) AdSense di Blog (Terbaru)


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 (Custom Search Engine) 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.