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
Web Tabanlı Yazılım Nedir?
Web Tabanlı Yazılım Nedir? 28 Nisan 2017
PHP ile Sub Menü Nasıl Yapılır?
PHP ile Sub Menü Nasıl Yapılır? 28 Haziran 2017
Codeigniter Framework Nedir?
Codeigniter Framework Nedir? 16 Mayıs 2017
Android N Özellikleri Nedir?
Android N Özellikleri Nedir? 09 Ağustos 2017
Google Chrome Çevrimdışı Özelliği Nedir?
Google Chrome Çevrimdışı Özelliği Nedir? 06 Ağustos 2017
Spam Trafik Engelleme Nasıl Yapılır?
Spam Trafik Engelleme Nasıl Yapılır? 13 Mayıs 2017
PDO ile Veri Tabanından Veri Çekmek
PDO ile Veri Tabanından Veri Çekmek 08 Eylül 2016
DDoS Saldırılarının Geleceği Etkilemesi
DDoS Saldırılarının Geleceği Etkilemesi 11 Mayıs 2017