Cara Membuat Halaman Pencarian Sendiri dengan Google Custom Search Engine (Programmable Search)
Google Custom Search Engine atau yang sekarang bernama Programmable Search merupakan fitur yang disediakan Google untuk membuat sebuah pencarian yang disesuaikan dan dibangun menggunakan teknologi pencarian inti Google.
Fitur ini akan memprioritaskan atau membatasi hasil pencarian berdasarkan situs dan halaman yang Anda tentukan dengan syarat halaman tersebut sudah masuk dalam indeks Google.
Lalu, bagaimana membuat dan memasangnya di situs web Anda? Kami akan membahas caranya pada artikel kali ini dengan menggunakan contoh produk Google lainnya, Blogger.
Buat Halaman Baru di Blogger
Buat laman yang akan kita jadikan sebagai lokasi untuk menampilkan hasil pencarian. Cara membuatnya sama dengan cara membuat Halaman seperti biasa. Isinya cukup dikosongkan saja.
Masuk ke akun blogger Anda terlebih dahulu, lalu pilih Halaman dan buat Halaman Baru. Beri judul sesuai keinginan Anda, misal 'Search' lalu klik Publikasikan.
Catatan: Judul yang Anda ketik akan menjadi permalink untuk halamannya. Anda bisa mengganti judul nanti tapi Anda tidak bisa mengganti permalink.
Lihat gambar contoh berikut:
Buat Mesin Pencari Baru di Google Programmable Search
Selanjutnya Anda akan membuat mesin pencarian baru di halaman Google Programmable Search.
- Buka alamat berikut ini: https://cse.google.com/cse/all.
- Setelah berada pada halaman Google Programmable Search, pilih New search engine (lihat gambar contoh di bawah).
- Masukkan nama blog atau situs web Anda pada bagian Sites to search.
Catatan: Anda bisa memasukkan lebih dari satu URL.
- Lalu pilih bahasa yang Anda gunakan, jika blog berbahasa Indonesia pilih Indonesia pada bagian Language, setelah selesai klik tombol Create.
- Selanjutnya klik Control Panel pada bagian Modify your search engine.
- Pada halaman Setup, Anda bisa memasukkan nama mesin pencari, deskripsi mesin pencari, serta masukkan kata kunci ke mesin pencari, Anda juga juga mengaktifkan gambar di mesin pencari. Silakan diatur sesuai keinginan Anda.
- Selanjutnya pilih Look and feel di bawah menu Setup. Karena metode ini menggunakan laman hasil pencarian, pada pilihan Layout pilih Two Page, lalu klik Save & Get Code pada bagian bawah.
- Selanjutnya kita berada di halaman berisi kode sumber yang harus dipasang di situs web atau blog.
- Lihat di bagian Atas. Search Results Details. Paste tautan dari halaman yang dibuat pada awal tadi. Misalnya: https://www.mogodev.id/p/search.html
- Kemudian klik Save untuk melanjutkan ke tahap berikutnya (lihat gambar contoh di bawah).
- Selanjutnya salin kode kotak pencarian dan hasil Google Custom Search Engine yang ada dalam kotak lihat contoh gambar di bawah.
- Selanjutnya kembali ke dasbor Blogger untuk memasang kode kotak pencarian tadi klik Tata Letak » Tambahkan Gadget » HTML/Java Script » Masukkan kode kotak pencarian tadi pada bagian Konten » klik SIMPAN.
Membuat Halaman Hasil Pencarian
Setelah memasang kode kotak pencarian tadi. Hasil pencariannya belum akan muncul.
Langkah-langkah berikut ini adalah proses terakhir.
- Kembali halaman Google Custom Search Engine yang kita tinggalkan tadi. Klik Next: Get code for search result.
- Selanjutnya salin kode hasil pencarian yang ada dalam kotak tersebut, lihat contoh gambar di bawah.
- Selanjutnya kita kembali ke dasbor Blogger, edit halaman yang tadi dibuat. Kemudian rekatkan kode hasil pencarian tadi pada mode HTML. Setelah kode hasil pencarian direkatkan klik Perbarui.
Anda bisa cek hasilnya refresh terlebih dahulu agar perubahan yang baru bisa terbaca, dan coba mencari kata dalam kotak pencarian tersebut.
Halaman hasil pencarian akan mirip dengan halaman pencarian Google.