Mobil Uyumlu Sitenizde Responsive Reklam Yapımı

[cakal]

Sitenizde mobil kullanıcılar için reklam kodlarını eklediğinizde ek bir işlem yapmadığınız sürece reklam standart boyutlarda gözükmektedir. Alttaki kodlar sayesinde mobil uyumlu olarak reklam yayını yapabilirsiniz. Bu işlemler adsende kodları için geçerli değildir.

Css dosyanıza alttaki kodları ekleyin. (max-width:480px kısmından boyutları ayarlayabilirsiniz.)

.ufak-reklam{
display:none;
}
@media screen and (max-width:480px){
.ufak-reklam{
display:none;
}
.ufak-reklam{
display:block;
}
}

Reklamı göstermek istediğiniz kısma alttaki kodları düzenleyerek ekleyin.

<div class="ufak-reklam">Reklam 1<>
<div class="ufak-reklamx">Reklam 2<>

Mobilde göstermek istemiyorsanız. =>> Sitenizde İstemediğimiz Kısmı Mobil Görünümde Gizlemek