Menampilkan Google AdSense Search Result pada halaman Wordpress

Beberapa hari yang lalu saya kepikiran gimana caranya nampilin hasil google custom search engine (CSE) pada wordpress. Kalau menurut logika saya, algoritmanya begini:

1. Dapatkan code google search. Pilih “Open Result within my own page”.contoh : www.example.com/searchresult
2. Bikin halaman baru pada website kita
3. Terus ‘paste’ kode google search pada halaman tersebut.

Kemudian saya mencobanya pada salah satu website statis saya dan ternyata berjalan dengan baik. Kini saatnya mencoba pada wordpress……
dan hasilnya adalah ….

"Not Found, Error 404
The page you are looking for no longer exists..

Setelah di usut-usut ternyata masalahnya adalah struktur direktori pada wordpress berbeda. Halaman index (halaman utama) itu berada pada directori www.example.com/wp-content/themes/namatheme/.

Jadi ga bisa langsung dipointing dong…

Ternyata ‘mbah’ Google memberikan solusi.”Cucuku.. Algoritma pertama & ketiga kamu sudah bener tapi algoritma ke dua perlu dimodifikasi sesuai seleranya Wordpress (heheheh…)” begitu beliau berujar. biar lebih jelas mari kita praktekan saja.

1. Dapatkan code google search. pastikan memilih “open result in my own page
   
2. Bikin Template baru untuk menampilkan hasil search. Tujuannya adalah, setiap kita membuat halaman baru(new page) secara default wordpress akan membuatkan halaman baru dengan layout sesuai page template pada themes yang aktif (page.php), sehingga sidebarnya akan muncul setiap kita bikin page baru. Padahal untuk menampilkan hasil search google diperlukan lebar minimal 799px, Sehingga sudah dapat dipastikan hasil search akan menabrak sidebar. Untuk menghindarkan banyaknya korban yang berjatuhan maka perlu kiranya dibuat template page baru, yang tidak menampilkan sidebar. Teknik ini juga bisa digunakan untuk membuat halaman-halaman lain yang ingin tampil beda. Banyak cingcong neh….Ciat… kita langsung praktek aja
   1. Buat file baru pada text editor
   2. Kopi dan paste kode dibawah ini.
      Code:

      <?php
      	/*
      	Template Name: searchresult
      	template untuk menampilkann google search result
      	*/
      ?>
      
      <?php get_header(); ?>
      
      	<div id="content" class="widecolumn">
      		<!-- Code Google Search result dari google ditaruh disini -->
      
      	</div>
      
      <?php get_footer(); ?>
      

      Di bawah komnetar “code Search result dari google ditaruh disini “, paste code search result yang didapat dari google

   3. Simpan dengan nama searchresult.php
   4. Upload file tersebut pada folder themes yang aktif
3. Selanjutnya adalah membuat halaman baru pada wordpress (add new page) untuk halaman search result dengan menggunakan template yang baru saja kita buat.
   1. Login sebagai administrator, pada menu Page pilih add new.
   2. Sebagai contoh kita kasih Judul halaman tesebut searchresult

      

   3. Disebelah kanan halaman, klik page template dan pilih searchresult
   4. Pastikan Page Slug nya adalah searchresult

Selesai dah, Google Search Result udah bisa tampil di halaman wordpress kita sendiri. Tapi masih ada yang mengganjal yaitu Setiap page yang kita buat akan tampil di “Page list” pada toolbar navigasi. Jadi gimana menyembunyikan halaman searchresult tersebut. Saya akan kembali pada artikel berikutnya.

Related posts:

1. Menginstall Wordpress di 000webhost

Comments