Pusing! CLS Issue Google Search Console Gara-gara Iklan Google Adsense!

Saya sudah capek banget sih ini ngurusin CLS Issue yang sering notif ke saya dikirim ke email dan notif di lonceng Google Search Cosole. Masa udah dibenerin terus klik Validate Fix ga pernah berkurang CLS issue nya. Malah makin nambah.

Udah saya cek berkali-kali dengan tools dan saya perbaiki script, dan emang masalahnya ada di unit iklan google adsense lah penyebabnya errornya CLS ini. Tapi seolah-olah google menyalahkan kita yang punya blog atau website. Ini kan ga masuk akal, jir!

Ditambah google akan ada update besar-besaran mengenai Core Web Vitals INP. Ini saya dapat notifikasinya.

Tertulis pada bagian akhir katanya ".....aligns with what our core ranking systems seek to reward.". Apakah CLS nanti berpengaruh ke ranking blog atau situs kita? Kalau iya, ngehe banget asli.

Pernah cek blog saya dengan tanpa unit iklan adsense, dan CLS pun hilang. Saya tambah lagi unit iklan, muncul lagi CLS. Bangs*CENSORED*!

Intinya CLS issue ini karena pergeseran signifikan dari tampilan sebuah blog/situs. Tapi ini kan gara-gara lo, Google!

Dari pada disangka mengada-ngada mari kita buktikan jika Google Adsense lah penyeba CLS Issue ini. Berikut CLS issue yang semakin hari semakin parah di Search Console saya.

Saya cek CLS dengan CLS Checker Google Chrome, ada keanehan di sini. Tiba-tiba beberapa code seperti terkena inject di class dengan style="height: auto !important;" padahal saya sudah cari-cari disemua tempat tidak ada code ini.

Dan saya test untuk versi preview di Publiinya tidak ada ko ini style="height: auto !important;", sangat di luar nurul cuy! Kemudian saya coba juga menggunakan adblock, tidak ada juga inject scriptnya. Duh adsense ini. 

Mari kita copot ads unit yang ada di header blog saya. Kebetulan yang saya pasang ads unit responsive yang manual ya. Deploy ulang blog, dan hasilnya No CLS bro! Hah, lelah ini. "Lo google sendiri yang ngingetin masalah CLS issue tapi lo malah penyebabnya! Kesel gw!"

Lalu, Cara mengatasinya gimana?

Tidak ada pilihan lain selain mencopot Unit Iklan Manual di Header. Saya juga tidak tahu ini menyebabnya apakah karena theme blog Publii saya, ada yang salah kode mungkin.

Tapi harusnya sih enggak salah, kan di preview juga normal-normal saja. Cuma ketika menjadi online, masalah CLS muncul. Dan tentu juga ketika iklan header yang diambil dari kode iklan manual google adsense juga.

Kalau kamu yang mendapat masalah yang sama dengan saya ini, ya paling itu. Kemudian mengganti dengan header auto ads saja. Tapi masalahnya si auto ads ini kadang muncul kadang tidak, jika dibandingkan dengan unit manual sudah pasti selalu muncul.

Yuk, ke settingan ads autonya, dicek lagi Area yang dikecualikan. Di situ terlihat beberapa iklan yang muncul dari hasil auto ads jika di scroll, termasuk ads yang ada di header. Jangan sampai di kecualikan ya. Kalau biru seperti gambar di bawah tandanya aktif.

Kesimpulan

Saya sudah tidak bisa berkata-kata lagi karena kesalnya CLS Issue gara-gara Google Adsense ini. Cuma ini yang bisa saya sharing jika kamu juga mengalami, mungkin hal yang sama dikarenakan iklan header yang di dapat dari Unit Iklan Manual.

Solusinya, buang kode manual saja dan terpaksa mengganti dengan ads auto. Ya mungkin kita dipaksa pakai auto saja sama Google Adsense biar iklannya sering ga muncul. 🤬

Alhasil, sudah cek beberapa jam ini iklan di header tidak muncul. Ya seringnya. Padahal si Receh nya itu sering banget dapat dari unit iklan di header ini. Yasudah! 🙄