Cara Menghilangkan Inline Css Dari Kode Iklan AdSense

Loading ketika pemuatan halaman web seringkali terbebani oleh kode iklan terutama kode iklan yang mengandung banyak inline css, kita semua mungkin sudah tahu bahwa inline css pada setiap elemen html apapun di situs web akan memberikan sedikit hambatan pada saat pemuatan halaman web. Untuk itu disini saya akan memberikan sedikit pengetahuan tentang bagaimana cara menghilangkan inline css khusus nya inline css yang ada pada html kode iklan AdSense.

Memang kita tidak bisa menghilangkan semua permasalahan perenderan yang disebabkan oleh inline css pada kode iklan adsense, karena sejatinya kita tidak punya akses yang luas untuk mengelola script, css dan kode html iklan adsense.

Tetapi setidaknya meskipun sedikit yang bisa kita akses, inline css pada kode iklan adsense tetap harus dihilangkan demi mengutamakan kelancaran pemuatan halaman web.

• Apakah boleh mengedit dan merubah kode iklan adsense?
• Apakah merubah kode iklan adsense akan menyebabkan pelanggaran kebijakan (FAQ) adsense?
• Apakah merubah kode iklan adsense akan menyebabkan banned?

Pertanyaan-pertanyaan di atas mungkin ada dibenak kalian terutama publisher yang baru saja bermitra dengan adsense, untuk menghilangkan keraguan anda dalam melakukan eksperimen dengan kode iklan adsense maka saya akan menjawab pertanyaan-pertanyaan di atas sebelum kita sampai ke experiment yang sesungguhnya yaitu menghilangkan inline css dari kode iklan adsense.

Jawaban dari tiga pertanyaan di atas akan saya rangkum menjadi satu jawaban yang kongkrit dengan bukti valid. Google adsense tidak melarang publisher untuk bereksperimen (merubah kode iklan) selama eksperimen tersebut masih sesuai dengan kebijakan adsense. Lihat pedoman kebijakan adsense mengenai pengeditan kode iklan adsense.

https://support.google.com/adsense/answer/1354736?hl=id

Jika sebelumnya kamu telah membaca semua pedoman kebijakan adsense maka lewati langkah itu, dan kita mulai tutorial cara menghilangkan inline css pada kode iklan adsense. Berikut adalah kode standar iklan adsense.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Sebelum menghapus kode inline css pada iklan adsense yang harus dilakukan pertama sekali adalah menambahkan class name baru pada elemen ins (tag pembuka ins). Class name baru boleh menggunakan kombinasi huruf dan angka misalnya "iklan_sidebar336". Sehingga kode iklan adsense akan menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Setelah class name baru ditambahkan, silakan hapus kode inline css nya yaitu:
[code type="Css"]style="display:inline-block;width:336px;height:280px"[/code]
Sehingga kode iklan adsense menjadi seperti yang terlihat berikut ini.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]Notes: Penambahan class name yang lebih baik adalah menggunakan kata dengan bahasa inggris dan tidak mengarahkannya ke kata kunci tertentu.

Langkah itu belum selesai, selanjutnya anda harus mengganti kode inline css yang dihapus dengan kode internal css (non-inline) dan menambahkannya ke kumpulan internal css di dalam html template web anda. Jika kamu menggunakan platform blogger kode css ditambahkan tepat di atas kode ]]></b:skin>.

Kode Internal Css (Non-inline)
[code type="Css"]//kode wajib
.adsbygoogle{display:block}

//kode yang harus disesuaikan
.iklan_sidebar336{height: 280px;width: 336px}[/code]
Saya harap artikel ini dapat memberikan pemahaman yang baik dalam bereksperimen dengan kode iklan adsense seperti menghilangkan atau merubah inline css menjadi internal css. Prinsip dasarnya google adsense tidak terlalu membatasi keleluasaan publisher dalam melakukan eksperimen asal masih dalam batas yang wajar yang sesuai dengan kebijakan adsense.

Eksperimen ini benar-benar telah admin terapkan di situs ini, untuk melihat kebenarannya silahkan lihat view source halaman ini dengan menekankan tombol Ctrl + U atau melalui link dengan format view-source:url_halaman.

Kode iklan adsense pada bagian halaman dan sidebar website kontenweb.com benar-benar tidak menggunakan inline css, semua sudah di conversi dari inline ke internal css. Selamat mencoba dan sampai jumpa kembali di eksperimen-eksperimen adsense yang akan datang.