Mobil Site Oluşturma ve Yönlendirme [PHP kodu]

tarih16.05.2011 00:15 — Mobile, PHP, Webmaster,



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("http://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

 




Bir önceki konu başlığımıza göz atmak isterseniz tıklayınız : Android İçin Televizyon Programı - Galaxy S Tab için TV




    Yorumlar...
    (Toplam 20 yorum var.)


    Sayfa: 1 2

    Bu yorumu gerçekten şikayet etmek istiyor musunuz ???


    Bir sebep belirtmek isterseniz alttaki kutucuğa yazabilirsiniz...




    Pencereyi Kapat...
  1. 09.09.2013 13:27
    ByZalim


    Misafir




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

    Burda 699'dan büyük olanları yönlendirmek için ne yapmalıyız. Google bot ve diğer botları etkilemeyecek şekilde olacak?


  2. 24.09.2013 10:51
    emin


    Misafir




    Kodlar sağlıklı ve çalışıyor emeğinize sağlık. teşekkür ederim


  3. 27.10.2013 23:36
    Apk Uygulamalar


    Misafir




    Merhaba.

    İlk verdiğiniz kodları yaptım. mobile.php vs. dosya oluşturarak. Şu iphone android falan onların tüm listesine nasıl ulaşabilirim.


  4. 29.10.2013 22:57


    Admin
    Yorum: 382
    Forum Mesaj: 296




    @ Apk Uygulamalar:


    Aradığını şey alttaki bağlantıdaki gibi bir liste mi? Bütün tarayıcılara ait user agent'lar var;

    http://www.useragentstring.com/pages/useragentstring.php


  5. 06.02.2014 21:23
    Taner


    Misafir




    Selamlar, gerçekten çok güzel bilgiler vermişsiniz teşekkür ederim..

    Benim şöyle bir isteğim vardı, mobil sitem var ve ben bu siteye pcden girişi engellemek farklı adrese yönlendirmek istiyorum ama arama motorlarının botlarını da etkilemeyecek şekilde olması gerekir. Ekran çözünürlüğüne göre yönlendirsem google bot felan etkilenir mi.. Ya da sadece tarayıcıları yönlendirsem yine google bot etkilenir mi... Şimdiden teşekkürlerr, cevaplarınızı bekliyorumm...


  6. 04.03.2014 17:40
    Sinan Yıldız


    Misafir




    Şu ana kadar gördükleriminden en iyi en sade anlatım ile kafa karıştırmadan bilgilendirme yazısı olmuş tebrikler..


  7. 27.05.2014 10:42
    fatih


    Misafir




    pek tasarımı nasıl olcak css kodları html


  8. 12.08.2015 12:08
    Kuzi


    Misafir




    merhaba, 

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

    kod çok işime yaradı, paylaşımınız için teşekkürler. birde şöyle bir soru sormak istiyorum. ekran genşliği 699 dan küçükse stil1.css dosyası değilse stil2.css dosyasının çalıştırılmasını nasıl sağlayabilirim?


  9. 04.11.2015 10:58
    Emre


    Misafir




    Merhaba güzel ve yararlı paylaşım siteyi m.site.com a gönderdim ancak tekrar site.com a dönderemedim onu nasıl yapabilirim cookie şeklini anlatışınız ama olmadı yapamadım yardımcı olurmusunuz tam ne yazmama gerekiyor geri dönderme için ?


  10. 04.11.2015 11:02


    Kayıtlı Üye
    Yorum: 1
    Forum Mesaj: 0




    mobilden normal siteye yönlendirmeyi nasıl yapabiliriz boyut olarak yönlendirme yapmıştım geri döndüremedim ?


Sayfa:1 2


Yorum Yazın