Loading...

Alle Mobilen Endgeräte Umleiten auf Mobileseiten von WAM

Alles Rund um Webdesign, Seo und vielem mehr
Start / Blog - / Alle Mobilen Endgeräte Umleiten auf Mobileseiten

Alle Mobilen Endgeräte Umleiten auf Mobileseiten

31. August 2011  WAM 

Mobileseiten werden immer wichtiger in der Zeit der Generation IPhone. Alles von unterwegs im Internet zu machen kann ja auch etwas feines sein. Vor ein paar Wochen haben wir euch geschrieben, wie man in  (Ohne Extensions) macht.

Dabei ist uns aber gestern aufgefallen das diese Variante nur für das iPhone oder iPod automatisiert aufgerufen wird. Was ziemlich doof ist da es aber noch zwei, drei andere Mobile Endgeräte gibt die man ansprechen sollte. Was macht zum Beispiel ein Android, Blackberry oder ein WAP fähiges Handy.

Eine Mobile Webseite hat erst dann seinen zweck erfüllt wenn diese auch auf allen Mobilen Endgeräten auftaucht.

intro_image_all_go_new

Wie man ein iPhone oder iPod umleitet haben wir euch ja schon beschrieben.

<body onload=“ios_redirect();“>

Wie gesagt, gilt das hier, aber auch nur und ausschließlich für iPhone bzw. dem iPod. Sollte aber doch für alle gelten.

Nun gibt es dafür aber zwei Lösungsansätze die ja Probieren könntet.

Die erste und einfache, wäre eine Umleitung via Java-Skript das die Monitorauflösung abfragt und je nach Einstellung eine Weiterleitung veranlasst.

<script type=“text/javascript“>

<!–

if (screen.width <= 580) {

document.location = „http://eure-mobile-Seite.html“;

}

//–>

Hierbei ist es wichtig das Ihr die Auflösung anpasst, da wir nicht wissen welche die größte Auflösung bei Mobilen Geräten ist. Unserem Wissensstand geht keins über 480px. Das heißt bei dieser Einstellung, das alles umgeleitet wird was weniger (<=) als 580px Auflösung hat.

Da müsst Ihr aber selbst probieren wie es am besten ist.

Die zweite Variante, Funktioniert via .htaccess (auf Apache Servern)

Hier wird die abfrage nicht über die Screen Größe, sondern über den „USER_AGENT“ abgefragt. Vom Prinzip her das selbe wie <body onload=“ios_redirect();“>, nur wird hier, direkt und ohne zu fragen, umgeleitet. Finden wir die Beste Lösung, da es ja immer noch User geben soll die den kb Downlaod von zb. WAP-Fähgen Handys bezahlen müssen.

Das ganze sieht dann So aus.

RewriteEngine On

RewriteBase /

RewriteCond %{HTTP_USER_AGENT} android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge\ |maemo|midp|mmp|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR]

RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-) [NC]

RewriteRule ^$ http://eure-mobile-seite [R,L]

So wird alles was mobil ist gleich und ohne Umschweife der Mobileseiten oder abfragen wie „Mobile Webseite Nutzen“ umgeleitet. Vergesst aber nicht die “Rule” umzuschreiben, sonnt landet ihr im Nirwana.

Also wenn schon auf Mobile Webseiten umleiten, dann auch alle mobilen Endgeräte.

Geschrieben von WAM
Avatar for WAM
Die WAM - Webagentur-Meerbusch. Die Typo3 und Wordpress Agentur aus Meerbusch bei Düsseldorf in NRW. Ganz nach dem Motto: Wenn man es ins Netz stellen kann, können wir es bauen. Und das schon seit über 10 Jahren.

KOMMENTARE (6) “Alle Mobilen Endgeräte Umleiten auf Mobileseiten”

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Lassen Sie uns Sprechen