Mobil Uyumlu Sitenizde Responsive Reklam Yapımı

Started by cakal, Dec 19, 2018, 05:58 pm

Previous topic - Next topic

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.)

Code Select
.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.

Code Select
<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