Memasang Modul Google Custom Search pada Lokomedia


Modul pencarian pada Lokomedia memang sudah disediakan, namun jika kita ingin mengembangkan atau menambahkan modul pencarian lain tentu sah-sah saja. Salah satu modul pencarian yang sering digunakan dalam lokomedia adalah google custom search engine. Modul ini memang sudah disediakan dengan cuma-cuma oleh perusahaan internet raksasa Google untuk para webmaster untuk mengoptimalkan websitenya agar SEO friendly. Walaupun bukan jaminan jika kita memasang Google CSE di website kita, maka pengunjung web akan bertambah. Tetapi apa salahnya jika kita sudah berusaha secara meksimal agar para peselancar mau singgah ke website kita melalui perantara Google CSE ini.

Baiklah kita langsung saja ke TKP. Hal pertama yang harus dipersiapkan adalah kita harus terlebih dahulu mempunyai website berbasis lokomedia (karena kita akan membahas lokomedia, website lain tentu juga bisa dengan sedikit cara yang agak berbeda). Kemudian daftarkan domain website kita ke google cse dengan mengakses alamat Google CSE. Buat akun baru atau manfaatkan akun google lama yang pernah anda buat. Setelah kita masuk ke halaman google cse buat search engine baru dengan klik link new search engine.

add-google-cse

step-create-google-cse

Isi form dengan nama, deskripsi, bahasa, dan domain yang akan dipasangi google cse. Setelah terisi lengkap baca term of service, jika Anda setuju lanjutkan ke langkah selanjutnya. Maka kita akan dibawa menuju halaman untuk memilih theme form pencarian. Pilihlah yang sesuai dengan template lokomedia yang Anda pakai. Pilihan theme juga bisa dimodifikasi dengan klik button customize. Apabila pilihan tampilan sudah sesuai lanjut ke langkah berikutnya untuk mendapatkan source code yang akan dipasang template.

Secara default google cse mengarahkan menuju kode yang digunakan untuk satu halaman penuh. Sebenarnya terserah kita apakah akan menggunakan opsi ini atau tidak. Kelemahan dari opsi ini adalah kita harus membuka halaman modul pencarian terlebih dahulu untuk melakukan pencarian. Sehingga kita harus membuat menu pencarian agar menuju ke halaman pencarian tersebut. Kalau kasus seperti ini memang yang kita maksud maka cukup copy kode yang ditampilkan dan buat modul baru dilokomedia (biasanya di file kiri.php untuk template eljquery-yahoo) seperti ini.

// Modul google cse
elseif($_GET['module']=='search'){
    echo"<div id='content'> 
           <div id='content-detail'>";
    include"$f[folder]/cse.html"; //buat file cse.html dengan mengcopy-kan kode google cse yang didapat
      echo"</div>
    </div>";
} 

Apabila module di akses melalui domain/media.php?module=search maka hasilnya akan seperti ini

modul-cse-lokomedia

Sepertinya dengan modul seperti itu saja sudah cukup bagi kita. Namun bagi yang belum puas dengan hasil diatas kita bisa eksplore lebih jauh opsi dari google cse ini. Kembali ke halaman google cse kemudian pilih link look and feel di control panel. Pada website iatas kita menggunakan layout full widh page, dan kita juga bisa mencoba lay out lain yang kita inginkan. Kita bisa menggunakan two column, compact, two page dsb. Seperti keinginan kita tadi, bahwa kita bisa menempatkan form search dimanapun maka pilihan yang tepat adalah layout two page. Pilih kemudian save and get code. Kita akan disodorkan dengan form isian link halaman hasil pencarian yang dituju (domain/media.php?module=search)  dan parameter pencarian. Copy code pada kotak pertama dan tampilkan pada template yang akan kita pasang dengan form search engine ini (mis : pada template eljquery-yahoo buka file template.php). Form search engine ini bisa dipasang dimana saja seseuka kita, sebagai contoh kita pasang pada sidebar. Letakkan kode berikut sebelum judul sekilas info :

<div id="cse-search-form" style="width: 250px;">Loading</div>

juga letakkan kode javascript dan style css sebelum body halaman. Dan yang tidak kalah penting kita juga harus mengubah modul search yang telah kita buat diawal. Yaitu dengan mengganti kode pada file cse.html dengan source code pada kotak kedua yang diberikan google cse. Bila telah selesai maka tampilannya akan seperti ini :

cse-loko1cse-loko2

 

 

 

Advertisements

One thought on “Memasang Modul Google Custom Search pada Lokomedia

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.