Google Adsense ve CLS Problemi Nasıl Giderilir?

CLS terimini, kullanıcıların karşılaştıkları ekrandaki html domlarının ani olarak büyümesi ya da küçülmesi olarak tabir edebiliriz.Google, otomatik reklamlar veya sabit reklamlarda bazen reklam göstermeyebilir. Bu durumda reklam alanı bir anda küçülecek ve ekrandaki diğer alanlar kayacak. Bu durum CLS değerini yükseltecek. Peki bu durumla karşılaşmamak için ne yapmamız gerekiyor?

Aslında çözümü oldukça basit. Reklam kodlarını eklemeden önce bir div yapısı oluşturup o div yapısına yükseklik değeri atayabilirsiniz. Kare reklamlar için 250px, dikdörtgen reklamlar için 280px yükseklik yeterli olacaktır.

<div style="min-height:250px">
REKLAM KODU
</div>

Bu kod reklamlar nedeniyle ortaya çıkan CLS sorununu kökünden çözer.