Ditulis oleh: Ditulis pada: 1/14/2020
Update Custom Search Engine Adsense Untuk Blog AMP 2020 - Salah satu kendala atau masalah pada blog AMP HTML adalah belum adanya support penggunaan iklan pencarian atau iklan custom search engine Adsense.
Padahal klik pada iklan pencarian Adsense ini cukup bagus juga (jika banyak pencarian di blog), jadi sayang jika custom search engine Adsense ini tidak dioptimalkan, khususnya di blog AMP.
Sebelumnya saya sudah mencoba membuat custom search engine Adsense untuk AMP, dan pencariannya muncul namun iklannya tidak muncul. Anda bisa simak postingan tersebut di link berikut ini.
Sebenarnya trik yang sekarang ini juga hampir sama dengan trik sebelumnya, namun kini tidak menggunakan Github untuk menampilkan hasil pencarian.
Trik yang sekarang ini menggunakan blog yang dibuat khusus untuk menampilkan hasil pencarian dengan menggunakan sub domain.
Dengan sub domain maka iklan pencarian Adsense akan langsung tampil karena blog tidak perlu direview dulu, tinggal menambahkan sub domain di dashboard Adsense.
Dan trik ini 100% working, silahkan coba kotak pencarian blog Kompi Ajaib ini sebagai demonya.
Jika Anda ingin mencobanya, silahkan ikuti langkah-langkahnya berikut ini.
Membuat Blog Baru Untuk Menampilkan Hasil Pencarian
Silahkan buat blog baru untuk menampilkan hasil pencarian dan silahkan gunakan tema khusus yang saya buat. Langsung saja copy semua kode template dari notepad lalu timpah semua kode di edit html. Silahkan unduh tema search results-nya.
Kemudian silahkan buat sub domain lalu pasang di blog tadi, jangan lupa aktifkan HTTPS-nya. Seperti blog Kompi Ajaib ini menggunakan sub domain search.kompiajaib.com untuk menampilkan hasil pencarian CSE Adsense. Kemudian tambahkan sub domain tersebut di dashboard Adsense.
Membuat Custom Search Engine di Adsense
Silahkan masuk ke dashboard Adsense Anda lalu pilih Ads for search > Custom Search Engine, lalu silahkan klik tombol +New Custom Search Engine.
Langkah selanjutnya:
- Kemudian silahkan berikan nama untuk Custom Search Engine blog Anda.
- Untuk What to search silahkan pilih Only sites I select lalu masukan URL blog Anda pada kotak di bawahnya. Silahkan sesuaikan negara dan bahasanya. Kalau mau Anda bisa berikan Custom Channel.
- Klik link Configure styles untuk memilih gaya. Ini akan masuk ke halaman Custom Search. Pada bagian Layout silahkan pilih Full Width lalu Save.
- Untuk Search Results silahkan pilih on my website
- Untuk URL where search results will be displayed silahkan isi dengan URL blog yang menampilkan hasil pencarian CSE Adsense yang dibuat tadi yang menggunakan sub domain.
- Lalu Save and Get Code dan copy kodenya yang saya tandai seperti gambar berikut.
Kemudian silahkan masuk ke edit HTML blog yang menggunakan sub domain tadi dan cari kode seperti berikut yang berada di paling bawah edit HTML.
<script async='async' src='https://cse.google.com/cse.js?cx=partner-pub-3597723085513015:6800528525'/>
<div class='gcse-search'/>
<a class='back-to-blog' href='https://www.kompiajaib.com/' title='Kembali ke homepage'>Kembali ke homepage</a>Ganti kode yang ditandai dengan kode yang dicopy di atas tadi. Dan ganti URL https://www.kompiajaib.com/ dengan URL blog utama Anda.
Menyesuaikan Search Box Blog dengan Custom Search Engine Adsense
Sekarang tinggal menyesuaikan Search Box pada blog Anda. Kita tidak akan merubah tampilan Search Box blog, hanya merubah sedikit kode pada form Search Box agar menyambung ke blog hasil pencarian yang sebelumnya kita buat.
Misalkan saya contohkan kode form Search Box blog Anda seperti di bawah ini.
<form action="//www.google.com/search" method="get" target="_top">
<input class="query" name="q" type="text"/>
<button type="submit">Search</button>
</form>Silahkan ganti URL pada action form dengan URL blog hasil pencarian untuk Search Results yang tadi dibuat (perhatian, URL harus HTTPS).
Kemudian silahkan tambahkan kode berikut ini.
<input type='hidden' name='cx' value='partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx' />
<input type='hidden' name='ie' value='UTF-8' />Silahkan sesuaikan kode partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx dengan kode yang seperti itu dari kode Search Results.
Sehingga penampakannya menjadi seperti berikut ini.
<form action="URL blog hasil pencarian" method="get" target="_top">
<input type='hidden' name='cx' value='partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx' />
<input type='hidden' name='ie' value='UTF-8' />
<input class="query" name="q" type="text"/>
<button type="submit">Search</button>
</form>Selesai... silahkan test Search Box blog Anda.
Selamat mencoba....