Lewati ke konten utama
Pemasangan Iklan AdSense dan Pengaruhnya

Pemasangan Iklan AdSense dan Pengaruhnya

Tutorial/How-to
4 menit baca 1,800 views
Artikel ini membahas pengaruh penggunaan plugin lazy load lazySize.js pada tampilan iklan Google AdSense di blog Anda.

Pemasangan Iklan AdSense dan Pengaruh Awalnya

Baru-baru ini, blog saya mulai menayangkan iklan Google AdSense, sebuah pencapaian yang membanggakan, meskipun masih berada di tahap awal. Saya berharap agar iklan dapat terus tampil secara konsisten di blog ini tanpa mengalami kendala seperti dibanned atau masalah teknis lainnya.

Pertama Kali Memasang Unit Iklan

Setelah menerima konfirmasi resmi dari Google bahwa blog saya siap menayangkan iklan, ada hal yang cukup mengecewakan: iklan yang diharapkan muncul justru tampak kosong. Tampilan iklan tetap kosong, padahal Google telah memastikan bahwa blog saya sudah memenuhi syarat.

Penyebab Iklan Tidak Muncul: Plugin Lazy Load lazySize.js

Plugin lazy load lazySize.js dapat memengaruhi tampilan iklan di blog, terutama jika digunakan untuk mempercepat waktu loading halaman.

Setelah saya telusuri lebih lanjut, ternyata penyebab utama iklan kosong adalah penerapan teknik lazy load menggunakan plugin lazySize.js. Saya pertama kali mencoba teknik ini berdasarkan panduan dari seorang ahli blog terkenal yang merekomendasikan plugin ini untuk mempercepat loading gambar dan video di blog.

Apa itu Lazy Load?

Lazy load adalah teknik yang memungkinkan penundaan pemuatan elemen seperti gambar dan video hingga pengguna menggulir ke bagian yang menampilkan elemen tersebut. Teknik ini dapat mengurangi waktu pemuatan halaman dan meningkatkan kecepatan akses, terutama untuk konten yang kaya akan media.

Pengaruh Lazy Load lazySize.js terhadap Iklan AdSense

Setelah menggunakan lazySize.js, saya menyadari bahwa plugin ini ternyata memiliki dampak yang tidak terduga terhadap iklan AdSense. Berikut adalah beberapa kemungkinan penyebabnya:

  1. Efek langsung dari lazySize.js: Plugin ini menunda pemuatan gambar dan elemen lainnya, yang bisa memengaruhi proses pemuatan iklan.
  2. Ketidakcocokan dengan template blog: Terkadang, penggunaan plugin seperti lazySize.js tidak sesuai dengan template tertentu, menyebabkan iklan tidak tampil dengan sempurna.

Keputusan untuk Menghapus Plugin

Karena kendala ini, saya memutuskan untuk mencopot plugin lazySize.js dari blog. Sebelumnya, saya sudah merasakan manfaat dari plugin ini dalam mengurangi waktu loading blog, terutama pada gambar yang tidak langsung tampil saat halaman belum digulir.

Alternatif Solusi untuk Pengguna Lazy Load

Bagi Anda yang tetap ingin mempertahankan kecepatan blog dengan teknik lazy load, berikut beberapa alternatif yang dapat dicoba:

  • Menggunakan plugin lazy load yang kompatibel dengan iklan AdSense.
  • Mencari kode yang lebih spesifik untuk menyesuaikan teknik lazy load pada elemen non-iklan.
  • Melakukan uji coba di template berbeda untuk menemukan kecocokan.

Kode Lazy Load lazySize.js

Bagi yang ingin mencoba menggunakan plugin lazySize.js untuk keperluan selain iklan, berikut ini adalah script yang dapat diterapkan:

<script async='async' src='https://cdn.rawgit.com/aFarkas/lazysizes/gh-pages/lazysizes.min.js' type='text/javascript'></script>
<script>
//<![CDATA[
for(var imgEl=document.getElementsByTagName("img"),i=0;i<imgEl.length;i++)imgEl[i].getAttribute("src")&&(imgEl[i].setAttribute("data-src",imgEl[i].getAttribute("src")),imgEl[i].className+=" lazyload",imgEl[i].setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="));
$(document).ready(function() {
    $('iframe[src*="youtube.com"]').wrap('<div></div>').css({
        "position": "absolute",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "border": "0"
    }).addClass("lazyload").each(function() {
        $(this).attr("data-src", $(this).attr("src"));
        $(this).removeAttr("src", "")
    });
});
//]]>
</script> 

Kesimpulan: Pengalaman Pribadi Menggunakan Lazy Load lazySize.js

Penggunaan plugin lazy load lazySize.js memiliki manfaat besar untuk mempercepat loading halaman, terutama untuk blog dengan banyak gambar dan video. Namun, perlu diperhatikan bahwa plugin ini bisa menyebabkan iklan AdSense tidak tampil, terutama jika tidak kompatibel dengan template blog yang digunakan.

Jika Anda mengalami masalah serupa, pertimbangkan untuk mencopot plugin ini atau mencari alternatif yang lebih sesuai. Setiap pengalaman pengguna bisa berbeda, dan solusi terbaik adalah mencoba sendiri serta menyesuaikan dengan kebutuhan blog Anda.

Sekian artikel ini. Semoga pengalaman saya bisa membantu Anda yang mungkin menghadapi masalah serupa saat menggunakan lazy load untuk optimasi blog.

66 Komentar

  1. Silvia Anggraini

    Kira-kira butuh budget/biaya tambahan lagi gak ya min buat maksimalkan Iklan ini?

    1. Aditya Kurniawan

      Gak butuh biaya tambahan kok kak @Silvia, semuanya bisa pake opsi bawaan atau yang gratisan.

    2. Vania Pratiwi

      Setau saya aman banget gan @Silvia, saya udah jalan hampir sebulan setelah coba trik AdSense ini dan gak ada kendala sama sekali.

  2. Reza Pahlevi

    Makasih banyak min, sangat mencerahkan!

  3. Kevin Sanjaya

    Penjelasannya enak dibaca, padat dan to the point gak bertele-tele kayak blog sebelah.

  4. Pandu Kusuma

    Kira-kira butuh budget/biaya tambahan lagi gak ya min buat maksimalkan Iklan ini?

  5. Karina Ayu

    Kalo dibandingin sama cara yang lama, metode AdSense ini ada kelemahan tersendiri gak sih? Masih agak ragu nih.

    1. Gita Pratiwi

      @Karina mending pake opsi pertama dulu kak, jauh lebih ramah buat pemula dan langkahnya lebih simpel.

    2. Ilham Hidayat

      Gak butuh biaya tambahan kok kak @Karina, semuanya bisa pake opsi bawaan atau yang gratisan.

  6. Winda Lestari

    Kebetulan kemarin lusa sempet nyobain langkah Pemasangan ini, dan beneran work lancar tanpa kendala.

  7. Ratih Kumala

    Keren ulasannya, langsung saya share ke grup wa temen-temen.

  8. Anisa Putri

    Bookmark dulu gan, ntar malem pas santai baru mau dipelajari detail.

  9. Ratih Kumala

    Izin nanya gan, ini berlaku juga buat versi sebelum atau sesudahnya gak ya? Ada yang pernah coba?

    1. Vicky Firmansyah

      Setau saya aman banget gan @Ratih, saya udah jalan hampir sebulan setelah coba trik Pengaruhnya ini dan gak ada kendala sama sekali.

    2. Karina Ayu

      @Ratih mending pake opsi pertama dulu kak, jauh lebih ramah buat pemula dan langkahnya lebih simpel.

      1. Ratih Kumala

        @Karina mantap gan, makasih infonya, jadi makin yakin buat nyoba.

  10. Yudi Hermawan

    Rekomendasi yang sangat masuk akal sih, langsung saya bookmark buat referensi tim kantor.

  11. Dinda Permata

    Bagus pembahasannya, sudut pandangnya realistis dan gampang dipahami sama orang awam sekalipun.

  12. Rendy Ardiansyah

    Bener min, temen saya kemarin juga sempat bingung di bagian Pengaruhnya, pas dikasih tips ini langsung solved.

  13. Ilham Hidayat

    Wah baru tahu ada solusi sesimpel ini buat AdSense. Makasih ya min!

  14. Rizky Pratama

    Izin ninggalin jejak dulu min, materinya daging banget.

  15. Pandu Kusuma

    Kebetulan kemarin lusa sempet nyobain langkah Pengaruhnya ini, dan beneran work lancar tanpa kendala.

  16. Ilham Hidayat

    Bagus pembahasannya, sudut pandangnya realistis dan gampang dipahami sama orang awam sekalipun.

  17. Rio Dewanto

    Udah pernah ngalamin problem serupa bulan lalu, untung nemu artikel ini jadi makin paham duduk perkaranya.

  18. Gita Pratiwi

    Wah pas banget lagi nyari panduan soal AdSense. Min, kalo ada kendala pas step akhir biasanya solusinya apa ya?

    1. Tiara Andini

      Gak butuh biaya tambahan kok kak @Gita, semuanya bisa pake opsi bawaan atau yang gratisan.

    2. Bayu Saputra

      @Gita coba periksa lagi koneksi sama settingan awalnya gan, kemarin saya juga sempet beda ternyata ada satu opsi yang belum diaktifin.

  19. Firman Syahputra

    Wah baru tahu ada solusi sesimpel ini buat Pemasangan. Makasih ya min!

  20. Yuliana Safitri

    Kak, kalo di tempat saya hasilnya agak beda, apa ada langkah kecil yang kemungkinan kelewat ya?

    1. Gita Pratiwi

      @Yuliana pengalaman saya kemarin butuh sekitar 15-20 menitan gan, yang penting ikuti urutannya jangan ada yang diloncat.

      1. Yuliana Safitri

        @Gita sip gan responnya jelas banget, makasih banyak pencerahannya!

    2. Bagus Kusuma

      Sama kak @Yuliana, awalnya saya juga bingung, tapi pas dicoba pelan-pelan ternyata gampang banget dipraktekin.

    3. Mega Utami

      Bantu sharing ya kak @Yuliana, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

  21. Rizky Pratama

    Wah baru tahu ada solusi sesimpel ini buat AdSense. Makasih ya min!

  22. Gita Pratiwi

    Sip min, ulasannya jelas dan bermanfaat. Ditunggu update tulisan berikutnya!

  23. Rendy Ardiansyah

    Bagus pembahasannya, sudut pandangnya realistis dan gampang dipahami sama orang awam sekalipun.

  24. Agus Setiawan

    Dulu pernah salah kaprah soal Pemasangan Iklan AdSense, sekarang jadi lebih jelas arahnya setelah baca tulisan ini.

  25. Sarah Novianti

    Mau tanya min, kalo datanya belum di-backup dulu aman langsung dieksekusi gak ya? Makasih sebelumnya.

    1. Fajar Ramadhan

      Bantu sharing ya kak @Sarah, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

      1. Sarah Novianti

        Makasih infonya kak @Fajar, sangat ngebantu buat yang masih pemula kayak saya.

    2. Kevin Sanjaya

      @Sarah pengalaman saya kemarin butuh sekitar 15-20 menitan gan, yang penting ikuti urutannya jangan ada yang diloncat.

    3. Budi Santoso

      Gak butuh biaya tambahan kok kak @Sarah, semuanya bisa pake opsi bawaan atau yang gratisan.

  26. Satria Yudha

    Bagus pembahasannya, sudut pandangnya realistis dan gampang dipahami sama orang awam sekalipun.

  27. Winda Lestari

    Wah pas banget lagi nyari panduan soal Tutorial/How-to. Min, kalo ada kendala pas step akhir biasanya solusinya apa ya?

    1. Hendra Gunawan

      Sama kak @Winda, awalnya saya juga bingung, tapi pas dicoba pelan-pelan ternyata gampang banget dipraktekin.

  28. Rio Dewanto

    Udah pernah ngalamin problem serupa bulan lalu, untung nemu artikel ini jadi makin paham duduk perkaranya.

  29. Gita Pratiwi

    Bener min, temen saya kemarin juga sempat bingung di bagian Pengaruhnya, pas dikasih tips ini langsung solved.

  30. Yoga Pratama

    Bookmark dulu gan, ntar malem pas santai baru mau dipelajari detail.

  31. Angga Wijaya

    Wah pas banget lagi nyari panduan soal Tutorial/How-to. Min, kalo ada kendala pas step akhir biasanya solusinya apa ya?

  32. Rian Hidayat

    Bagus pembahasannya, sudut pandangnya realistis dan gampang dipahami sama orang awam sekalipun.

  33. Rian Hidayat

    Rekomendasi yang sangat masuk akal sih, langsung saya bookmark buat referensi tim kantor.

  34. Indah Permatasari

    Menarik pembahasannya. Btw ada syarat khusus gak sih min sebelum kita mulai setup Tutorial/How-to ini?

    1. Dian Kusuma

      Bantu sharing ya kak @Indah, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

      1. Indah Permatasari

        @Dian sip gan responnya jelas banget, makasih banyak pencerahannya!

    2. Bella Safira

      @Indah mending pake opsi pertama dulu kak, jauh lebih ramah buat pemula dan langkahnya lebih simpel.

    3. Rina Wulandari

      @Indah coba periksa lagi koneksi sama settingan awalnya gan, kemarin saya juga sempet beda ternyata ada satu opsi yang belum diaktifin.

    4. Satria Yudha

      @Indah mending pake opsi pertama dulu kak, jauh lebih ramah buat pemula dan langkahnya lebih simpel.

      1. Indah Permatasari

        @Satria mantap gan, makasih infonya, jadi makin yakin buat nyoba.

  35. Aulia Rahmawati

    Keren ulasannya, langsung saya share ke grup wa temen-temen.

  36. Anisa Putri

    Wah baru tahu ada solusi sesimpel ini buat Tutorial/How-to. Makasih ya min!

  37. Farhan Mahendra

    Singkat, padat, dan solutif. Makasih admin udah mau berbagi ilmu.

  38. Kevin Sanjaya

    Kalo dibandingin sama cara yang lama, metode Tutorial/How-to ini ada kelemahan tersendiri gak sih? Masih agak ragu nih.

    1. Yudi Hermawan

      Bantu sharing ya kak @Kevin, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

    2. Indah Permatasari

      Bantu sharing ya kak @Kevin, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

  39. Teguh Santoso

    Bener min, temen saya kemarin juga sempat bingung di bagian Iklan, pas dikasih tips ini langsung solved.

  40. Ilham Hidayat

    Bener min, temen saya kemarin juga sempat bingung di bagian AdSense, pas dikasih tips ini langsung solved.

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *