Hızla artan mobil internet kullanımı artık sitelerimizi bu yeni ortama uygun hale getirmeyi gerekli kılıyor. Bir çok insan artık interneti akıllı telefonlarından takip ediyor ve hali hazırda web sayfalarının bir çoğu bu cihazların ekranında minicik ve kullanışsız kalıyor. Biz webmasterlar ve kodcanavarları olarak bu işe bir an önce atılalım diye böyle bir konu açmak istedim. Zamanla bu anlamda edindiğim bütün tecrübeleri paylaşmaya çalışacağım. İlk olarak sitemize giren kullanıcının bilgisayardan mı yoksa bir mobil aygıttan mı girdiğini tespit edelim ve çok yakında hazırlayacağımız mobil sitemizin bulunduğu dizine gönderelim :)

Şimdiden hayırlı olsun.

Bir android kullanıcısı olarak kendi web sitelerimi yavaş yavaş bu formata uygun hale getirirken, bir çok web sitenin halen daha mobil sayfalarını oluşturmamış olmasını kınıyorum. :) Örnek olarak ilk aklıma gelen en sevdiğim GSM operatörü avea. Avea henüz bir mobil sayfasını oluşturmamış. Diğerleri beni ilgilendirmiyor, bakmadım fakat avea ya buradan geç kalma diye seslenmek istiyorum. :)

Öncelikle yayında olan web sitenizin index sayfasına alttaki kodu yerleştirin.

<?php include('mobile.php'); ?>

Ardından, mobile.php adında bir sayfa oluşturun ve içine alttaki kodları yerleştirin. Bu dosya normal web site dizinimizde olacak ve mobile dizine yönlendirme yapacak.

<?php 
    $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); 
    $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"); 
    $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); 
    $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); 
    $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"); // kontrol ve yönlendirme 


    if ($iphone || $android || $palmpre || $ipod || $berry == true) {
        header('Location: http://mobil.somut.net/'); //yada 
        echo "<script>window.location='http://mobil.somut.net'</script>"; 
    } 
?>

Ekran çözünürlüğü ile yönlendirme yapma;

<script type="text/javascript">
if (screen.width <= 699) {
document.location = "iphonesayfaniz.html";
}
</script>

Iphone tespiti ile yönlendirme (user agent kontrolü yapıyor)

<script language=javascript>
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("https://www.somut.net/iphonesayfaniz.html" );
}
</script>

Aşağıda Google Android User Agent Listesi yeralmaktadır.

Mozilla/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit/522+ (KHTML, like Gecko) Safari/419.3

Google Nexus

Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.1; en-us; Nexus One Build/ERD62) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Dell

Mozilla/5.0 (Linux; U; Android 1.6; en-gb; Dell Streak Build/Donut AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/ 525.20.1

HTC

Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; HTC Desire 1.19.161.5 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us; ADR6300 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Mozilla/5.0 (Linux; U; Android 1.6; en-us; WOWMobile myTouch 3G Build/unknown) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

Mozilla/5.0 (Linux; U; Android 2.2; nl-nl; Desire_A8181 Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

HTC_Dream Mozilla/5.0 (Linux; U; Android 1.5; en-ca; Build/CUPCAKE) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

Motorola

Mozilla/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build/S273) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13

Mozilla/5.0 (Linux; U; Android 2.2; en-us; Droid Build/FRG22D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build/S273) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us; DROIDX Build/VZW) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17 480X854 motorola DROIDX

Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us; Droid Build/ESE81) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Mozilla/5.0 (Linux; U; Android 2.0; en-us; Droid Build/ESD20) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/ 530.17

Samsung

Mozilla/5.0 (Linux; U; Android 2.2; en-gb; GT-P1000 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.2; en-ca; SGH-T959D Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.2; en-gb; GT-P1000 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 2.0.1; en-us; Droid Build/ESD56) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Sony

Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; E10i Build/2.0.2.A.0.24) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17