allyoucanshared.com, RD – Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar. Hallo sobat readers semuanya, kali ini admin akan membahas 2 topik berbeda yang akan membantu kalian dalam membuat website kalian sendiri menjadi menarik dilihat orang – orang dan Google sendiri tentunya.
Penjelasan pertama ini akan admin buka dengan membahas mengenai cara memasang Lazy Load Adsense. Lazy load adalah fitur dimana pengaplikasiannya bisa di gambar atau adsense yang mana iklan akan muncul setelah loading text selesai atau setelah web di scroll.
Pada dasarnya, semakin cepat iklan AdSense Anda muncul, semakin besar kemungkinan pengunjung atau pengguna Anda akan mengkliknya. Dengan lazy loading, iklan Anda akan tampil lebih cepat karena loadingnya tidak sesuai dengan teks atau konten lain di website Anda, baik itu konten, Javascript, maupun gaya CSS.
Cara Kerja Lazy load Adsense
Mirip dengan prinsip umum lazy loading, konten bagian skrip lazy loading ditampilkan setelah scrolling atau scrolling ke bawah, sehingga AdSense muncul beberapa detik setelah scrolling dan memungkinkan klik yang tidak disengaja, Masih valid. PenggunaanLazy Load telah digabungkan dengan skrip eksternal agar fitur ini berfungsi dengan baik. Untuk mempermudah, kami akan mengubah skrip AdSense default. Perhatikan script AdSense berikut secara umum:
Baca Juga : Cara Menggunakan Google Family Link Dengan Benar
Apa Itu Google Scholar dan Bagaimana Manfaatnya? Simak Penjelasannya
| <script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> <ins class=”adsbygoogle” style=”display:block” data-ad-client=”ca-pub-715535894xxxxx” data-ad-slot=”97463xxxx” data-ad-format=”auto” data-full-width-responsive=”true”></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> |
Dari kode di atas, tambahkan dan ubah skrip seperti berikut :
| <script type=’text/javascript’> //<![CDATA[ // Lazy Load AdSense var lazyadsense=!1;window.addEventListener(“scroll”,function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=!0,e.src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”;var a=document.getElementsByTagName(“script”)[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script> |
Nah dibawah ini kalian bisa melihat cara memasang Cara Memasang Lazy Load Adsense dengan benar. Yuk simak ulasannya.
Cara Memasang Lazy Load Adsense Dengan Benar
Untuk memasang lazy load adsense di situs kami, kami harus menghapus kode adsense di <head> dan tambahkan kode yang dimodifikasi di atas, seperti ini caranya :
- Masuk ke menu Penyunting HTML di wordpress / Blogger
- Ketik CTRL+F dan cari kode <script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
- Hapus kode diatas
- Copy dan paste Script lazyload adsense
- Simpan HTML
Baca Juga : Invalid Trafic Pada Google Adsense? Ini Penyebabnya
Pengertian Asuransi Menurut Fungsi dan Jenisnya
Dengan menyimpan kode terakhir di atas, Anda telah menerapkan instalasi lazyload adsense di situs web Anda, sehingga iklan akan muncul setelah pengunjung menggulir ke bawah situs web. Tapi pastikan untuk memasang iklan tanpa kode :
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>.
Nah kalian juga bisa melihat contoh kode pemasangan iklan dengan lazy load dibawah ini.
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-715535894xxxxx”
data-ad-slot=”97463xxxx”
data-ad-format=”auto”
data-full-width-responsive=”true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Tempatkan kode di bagian atas tempat iklan akan ditempatkan, baik di antara header atau di dalam artikel. Kemudian periksa tampilan situs web untuk memastikan skrip berfungsi dengan baik.
Oke sobat readers, satu topik utamanya sudah selesai admin jelaskan dan admin bagikan caranya, berikut ini kalian bisa melihat cara memasang Breadcrumb dengan benar dan mengetahui apa itu Bredacrumb. Simak ulasannya dibawah ini. Tapi bagi kalian yang belum mengetahui Breadcrumb, ada baiknya kalian mengetahui terlebih dahulu apa itu Breadcrumb.
Apa itu Breadcrumb
Breadcrumb adalah salah satu elemen kunci yang harus dipasang di blog atau situs web Anda untuk meningkatkan kualitas SEO situs web Anda. Di bawah ini adalah panduan tentang cara menginstal remah roti di Blogger.
Apakah Breadcrumb Penting untuk SEO Website
Ya, itu sangat penting. Jejak remah roti di blog dan situs web dapat membantu membuat halaman lebih mudah dibaca di Google Search Engine (Serp). Pengunjung dapat dengan mudah menemukan label untuk artikel yang dimulai dengan elemen induk dan diakhiri dengan akar kategori.
Apa Fungsi Breadcrumb Untuk Blog Atau Website
Fungsi Breadcrumb merupakan panduan yang membantu pengunjung mengetahui di mana mereka berada saat membaca artikel blog atau website. Remah roti berisi tautan terstruktur secara hierarkis, dari halaman utama dan kategori hingga halaman yang Anda lihat saat membaca artikel atau dokumen situs web.
Baca Juga : Apa Penyebab Saldo Google Adsense Minus?
ENS Domain Airdrop Here is a guide to Buying And Claim Fast
Cara Memasang Breadcrumb Di Blogger
Buka Blogger Anda > Edit HTML. Kemudian silahkan anda cari kode ini ]]><b:skin> atau </style>. tambahkan kode ini tepat pada sebelum kode diatas.
Lanjutkan dengan mencari kode ini :
Tempatkan kode dibawah ini tepat dibawah kode di atas.
Save dan lihat hasilnya. Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar
Anda dapat memeriksa di sini untuk melihat apakah menu remah roti diaktifkan. Oleh karena itu, artikel ini menjelaskan cara memasang remah roti di Blogger.
Nah berikut ini admin juga akan membagikan tips untuk kalian, yuk simak tipsnya dibawah ini.
Cara mengetahui apakah Menu Breadcrumb pada situs itu Berkerja
- Buka Google Testing Tools Disini
- Masukan alamat postingan anda pada kolom yang tersedia ”alamat postingan bukan homepage”
- Struktur breadcrumb akan di tandai dengan nama BreadCrumbList jika dipasang dengan banar maka akan tampil 0 error dan 0 warrning pada hasil testing alamat situs anda.
Akhir Kata
Oke sobat readers, demikianlah penjelasan dari admin mengenai 2 topik utama kita hari ini. Semoga dengan adanya artikel ini dapat membantu kalian dalam membuat website kalian sendiri menjadi lebih baik dan menarik.
Terima Kasih
Baca Juga : What is Ens Domain? Here’s The Full Explanation
Perbedaan Domain, Server, dan Hosting Secara Umum