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.
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.
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.
Edit beberapa kode dan sesuaikan dengan kode berikut ini.
Ganti kode "004846510630198233812:gmb5qovgjko" dengan kode search engine ID milikmu.
Keempat, silahkan perhatikan kode berikut ini
Gantilah kode tersebut dengan kode dibawah ini
Maka, hasilnya akan menjadi seperti ini
Silahkan teman-teman cek kolom pencarian blognya, semoga bermanfaat.
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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' 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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' 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.
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
Coba
sudah saya cek gan, tapi sepertinya blog agan belum menggunakan cse adsense
Mas untuk cse ini harus domain approve ya?
iya gan, domainnya harus sudah approve adsense
Kalau di adsennya ada unit iklan mesin telusur. Apa perlu ini juga? Cse sendiri manfaatnya apa sj ya Pak?
Worok thanks
Alhamdulillah, ur welcome mas Surya
wah ketemu artikel keren, inj yang lagi booming di group cobain juga deh. 😁🙏, thanks share nya mase
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.
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