Blogging

Memasang Google Adsense for Search di WordPress

By  | 

Pada tulisan ini akan dijelaskan bahagaimana cara untuk memasang google adsense for search atau google custom search engine (CSE) pada wordpress self-hosting. Hasil pencarian nantinya akan ditampilakan pada halaman blog kita, dengan costum URL sesuai dengan keinginan sehingga halaman hasil pencarian terlihat menyatu dengan blog kita. Demo, silahkan gunakan search di sebelah kanan halaman ini.

Dapatkan Code Google Adsense Search

Sebelumnya, silahkan baca terlebih daluhu tulisan sebelumnya tentang cara mendapatkan kode google adsense for search. Anda akan mendaparkan kode untuk disematkan di blog

Untuk membuat halaman hasil pencarian di blog/ website wordpress, saya akan membuat page baru sebagai tempat ditampimpilkannya hasil pencarian. Nantinya, hasil pencarian google CSE akan ditampilkan di page/ halaman ini, dengan iframe.

Tempatkan Form Search

Tempatkan code search  box code ditempat yang anda inginkan. Anda bisa memasang kode tersebut di widget atau dengan mengedit tema wordpress yang anda pakai

Buat Halaman Hasil Pencarian

Masuk ke admin area, pilih pages -> Add New. Berimana Halaman, dan slug / permalink sesuai dengan yang anda isikan saat mendapatkan kode adsense

misyalnya, jika anda menentukan alamat https://caramita.com/hasil untuk menampilkan hasil pencarian, maka edit permaling page baru yang anda buat menjadi  https://caramita.com/hasil. Pilih, mode edit Text, kemudian paste kode adsense for search yang sudah anda dapatkan.

Untuk menyesuaiakan ukuran frame dengan ukuran entry content blog, cari code

<script type="text/javascript" src="https://www.google.com/afsonline/show_afs_search.js"></script>

dan tempatkan kode berikut tepat di bawahnya

<script type="text/javascript">
  document.getElementsByName('googleSearchFrame').item(0).width = ukuranframe;
</script>

sehingga menjadi

<script type="text/javascript" src="https://www.google.com/afsonline/show_afs_search.js"></script>
<script type="text/javascript">
  document.getElementsByName('googleSearchFrame').item(0).width = ukuranframe;
</script>

*) ganti ukuranframe dengan ukuran frame yang anda inginkan

 

Cara lainnya anda bisa membuat template page sendiri seperti yang saya terapkan pada blog ini

4 Comments

  1. Agam Nur Pratama

    15 Desember 2015 at 15:03

    berarti kode kedua dan ketiga ditaruh sebuah halaman ya mas? kalo pake blog bikin post halaman..

  2. Solikulhadi

    19 Agustus 2016 at 20:16

    Thanks gan sangat membantu newbie seperti saya, sukses selalu buat agan

  3. nokturnal animal

    31 Oktober 2016 at 04:09

    ok makasih broe sangat bermanfaat ini…!!!!! mampir juga ya…!!!!

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *