Mobil İçin Sabit Reklam Nasıl Yapılır?

Mobil İçin Sabit Reklam Nasıl Yapılır?

Artık bilgisayara ihtiyaç duymak yerine, telefonlarımızdan istediğimiz siteye hızlı bir şekilde giriş yapabiliyoruz. Bunun için sitenize gelen mobil ziyaretçi kişileri iyi bir şekilde uğurlamanız yeterli olacaktır, mobil siteniz ne kadar hızlı ve ne kadar gösterişli olursa gelen ziyaretçi sitenizden memnun bir şekilde ayrılır ve bu durumda size iyi dönüşler olarak geri döner. 2016 yılında sürekli gelişen teknolojide sizlerde sitenizi mutlaka mobil uyumlu yapmayı unutmayın, sitenize gelen trafik mobil ağırlıklı ise yayınlamış olduğunuz reklamları mobil kullanıcılar için sabit bir şekilde göstermek istiyorsanız aşağıdaki kodları deneyebilirsiniz.

HTML Kodları

Bu kodu genel olarak sitenizde mantıklı bir şekilde çalışması için, son div olan veya footer kısmına eklemeniz yeterli olacaktır.

<div class="yusufkalafatreklamkodu"> <a class="yusufkalafatreklamkodu" href="#close"> <span id='close'>x</span> <p>REKLAM KODUNUZU BURAYA EKLEYİN</p> </a></div>

CSS Kodları

Eğer ki temanızda ayrı bir stil dosyası varsa, aşağıdaki kodları stil sayfasının sonuna ekleyebilirsiniz. Eğer yoksa ise, yine footer veya header kısmına eklemeniz yeterli olacaktır.

.yusufkalafatreklamkodu { display: none; } @media (max-width:479px){ .yusufkalafatreklamkodu{ position: fixed; left: 0; width: 100%; bottom:0px; display: block; padding: 10px; float: bottom; } .yusufkalafatreklamkodu:hover { box-shadow: 2px 2px 5px rgba(0,0,0,.2); } #close { float:left; display:inline-block; padding:2px 5px; background:#ccc; } #close:hover { float:left; display:inline-block; padding:2px 5px; background:#ccc; color:#fff;}}

JS Kodları

<script type="text/javascript">window.onload = function(){ document.getElementById('close').onclick = function(){ this.parentNode.parentNode.parentNode .removeChild(this.parentNode.parentNode); return false; }; };</script>

Mobil İçin Sabit Reklam Önizlemesi

Yorum Yap

Yorumlar
CSS initial Nedir? Nasıl Kullanılır?
CSS initial Nedir? Nasıl Kullanılır? 06 Temmuz 2016
Remix OS Nedir? Nasıl Kurulur?
Remix OS Nedir? Nasıl Kurulur? 24 Mayıs 2017
.htaccess ile IP Adresine İzin Vermek
.htaccess ile IP Adresine İzin Vermek 14 Mayıs 2017
iPhone Özelden Arama Nasıl Engellenir?
iPhone Özelden Arama Nasıl Engellenir? 28 Kasım 2017
WordPress Yazı Görselinin URL'ni Kaldır
WordPress Yazı Görselinin URL'ni Kaldır 12 Mayıs 2017
https Yönlendirmesi Nasıl Yapılır?
https Yönlendirmesi Nasıl Yapılır? 12 Mayıs 2017
PHP Site Hackleme Nasıl Yapılır? Çözümü Nedir?
PHP Site Hackleme Nasıl Yapılır? Çözümü Nedir? 09 Temmuz 2017
Spam Trafik Engelleme Nasıl Yapılır?
Spam Trafik Engelleme Nasıl Yapılır? 13 Mayıs 2017