Cara Memasang Google Custom Search Engine di Blogger

Table of Contents

Pada tutorial disini saya menyarankan untuk menggunakan penelusuran khusus Google di blog, karena hasilnya lebih revelan dan lengkap di banding fungsi pencarian biasa.

Cara Memasang Google Custom Search Engine di Blogger

Terlebih lagi jika Anda merupakan Publisher Adsense, Anda bisa dengan mudah memonetisasi blog dengan kotak penelusuran khusus ini. Nantinya, iklan adsense akan di tampilkan di halaman hasil pencarian blog.

Membuat Google Custom Search Engine

• Kunjungi https://cse.google.com/cse/
• Lalu klik tombol create a custom search engine untuk login
• Setelah masuk dashboard CSE, klik New Search Engine
• Isi keterangan blog seperti gambar dibawah ini:

Keterangan:

A. Isi dengan url blog Anda.

B. Ganti pengaturan bahasa sesuai bahasa blog yang digunakan.

C. Nama search engine.

D. Setelah menentukan setelan diatas, klik create

• Lalu klik tombol Get Code
• Salin kode script yang disediakan dalam kotak.

Untuk membuat widget Google Custom Search menjadi valid HTML5, ganti kode di bawah ini.

<script>
  (function() {
    var cx = '004846510630198233812:gmb5qovgjko';
    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><gcse:searchresults-only></gcse:searchresults-only>

Ganti kode yang ditandai dengan kode berikut ini:

Berlaku untuk semua layout, seperti; <gcse:search>, <gcse:searchbox>, <gcse:searchresults>, atau <gcse:searchbox-only>

<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>

Hasil lengkap akan tampil seperti 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 = '004846510630198233812:gmb5qovgjko';
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>

Memasang widget google custom search engine di Blog

Login blogger > Tata letak > Buat widget baru (HTML/JavaScript) > Tambahkan kode yang sudah Anda salin ke dalam widget baru klik Simpan.

Monetisasi Google CSE dengan AdSense

• Pastikan Anda sudah mempunyai blog yang sudah bisa ditambahkan Adsense
• Kunjungi https://www.google.com/cse/ Klik nama mesin telusur yang sudah Anda buat sebelumnya
• Pilih menu penyiapan
• Akan ada Tab Basics, Make money, Admin dan Indexing
• Lalu, klik tab make money (Dapatkan penghasilan)

• Klik tab aktif pada opsi Search Engine Monetization (Monetisasi mesin telusur).

Itulah cara bagaimana memasang Google Custom Search Engine di blogger atau website.