Setting serta Penulisan Kode Adsense yang Baik dan Benar
Pada Layout Template ini Sudah disediakan beberapa
placement ads yang bisa segera Anda pasang termasuk auto Ads, iklan atas dan Rongga di bawah rumah artikel, serta iklan matched content yang harus diedit pada menu Edit HTML. Dalam postingan ini akan dijelaskan secara Penjelasan terperinci cara setting Ads beserta penulisan kode Ads yang benar.
Penulisan Kode Adsense yang Benar
Salah satu penyebab lambatnya loading blog adalah kode adsense, banyak blogger yang mapersoalan dalam penulisan kode adsense sehingga berimbas pada loading blog mereka, di template ini telah disiapkan script adsense default yang bisa Anda aktifkan.
Penulisan kode adsense yang benar adalah hanya perlu menuliskan script googleads.jssatu kali. Setiap penambahan unit iklan anda tidak mengurangi perlu menulis kode script adsense lengkap, cukup Berhubungan dengan menuliskan tag <ins ... /> tanpa <script src='...googleads.js'/> sepertinya contoh dibawah ini:
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='link' data-ad-slot='xxxxxxxxxx' data-full-width-responsive='false'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Untuk menambahkan iklan ads pada template ini mula-mula aktifkan kode
<script src='...googleads.js'/> yang telah tersedia dalam template ini. Pada Edit HTML silahkan cari
</body> dan temukan kode dibawah ini :
<!-- <script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script> -->// Hapus bagian yang telah ditandai menjadi seperti dibawah dan klik simpan template Anda.
<script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script>
Dalam menu Layout atau Tata Letak klik mapersoalan satu widget '
ads placement ' dan tempelkan kode iklan Anda disana, ingat! yang perlu Anda tuliskan hanya kode Adsense sepertinya dibawah ini:
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='link' data-ad-slot='xxxxxxxxxx' data-full-width-responsive='false'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
// Bagian yang ditandai yaitu kode id penayangan dan id iklan Adsense serta format iklan Anda
Catatan :
Kemungkinan akan membutuhkan sedikit waktu buat iklan Anda tampil.
Cara Menambahkan Matched Content Ads
Bagi blog Anda yang telah layak mendapatkan iklan matched content ads atau yang Norma disebut iklan artikel terkait dan ingin menerapkannya pada pada template ini caranya sangat mudah:
Pertama pada Edit HTML carilah kode dibawah ini:
<b:includable id='postAdsRelated' var='post'>
<div class='related-posts'>
<div id='related-ads'>
<h3 class='heading'>Related Post</h3>
<!-- Tulis kode Adsense Mathced Content anda disini -->
</div>
</div>
</b:includable>
// Tambahkan kode iklan Anda pada bagian yang telah ditandai
Kemudian cari lagi kode dibawah ini :
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postArticleRelated'/>
// Ganti kode yang telah ditandai dengan yang keseluruhannya menjadi seperti dibawah :
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postAdsRelated'/>
Kode diatas secara otomatis mengganti widget Swasta terkait dengan iklan matched content, namun jika Anda ingin tetapi mempertahankan widget artikel terkait template ini silahkan ikuti langkah-langkah dibawah ini:
Bagaimana jika ingin menambahkan iklan matched content tepat dibawah Partikelir terkait?
Caranya sama tampaknya diatas, hanya saja pada bagian kedua Anda menambah perlu mengubah apapun. Cukup tambahkan kode tampaknya dibawah ini tepat dibawah kode bagian kedua :
// Sebelum
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postArticleRelated'/>
// Tambahkan kode baru tepat dibawahnya menjadi tampaknya dibawah ini
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postArticleRelated'/>
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postAdsRelated'/>
Bagaimana jika ingin mengubah iklan menjadi Lazy Adsense?
Sebagian blogger terkadang menetapkan untuk menggunakan script
lazy adsense di blog mereka Herbi tujuan untuk meringankan loading serta meningkatkan skor blog di Google Pagespeed. Jika Anda juga berpendapat yang sama, maka silahkan ikuti tata cara dibawah ini bagi menggunakan lazy Adsense :
Ubahlah kode script pada bagian pertama yang bisa Anda temukan di bagian Rongga di bawah rumah template ini atau cara cepatnya silahkan cari </body> pada menu Edit HTML. Kode awalnya akan sepertinya dibawah dan ubah menjadi kode kedua :
<script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script>
// Ubah atau ganti segala kode diatas dengan kode dibawah ini :
<script>/*<![CDATA[*/ var lazyadsense = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) { (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; } }, true) /*]]>*/</script>
Jika ada yang belum Anda mengerti terkait pemasangan kode Adsense pada template ini, silahkan ajukan pertanyaan Anda pada kolom komentar.
Sincery Toko APP Gratis
SRC: https://fletro.jagodesain.com/2019/12/setting-ads-placement.html
powered by Blogger News Poster