Alle Mobilen Endgeräte Umleiten auf Mobileseiten

WAM
Tutorials, How to Do
Mittwoch - 31 . August . 2011

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 7 Schritten eine TYPO3 Mobileseiten (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.

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.

Vorherigen Beitrag

Nächster Beitrag

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

reinherz sagt:
27. November 2012 in 20:22 Antworten
… danke …
katrin sagt:
17. Dezember 2012 in 15:29 Antworten
Perfekte Lösung.
Danke für diesen Tipp.
Rolf sagt:
12. April 2013 in 13:41 Antworten
Das mit der Htaccess funktioniert derzeit nur beim Blackberry in dieser Form. Galaxy und Iphone melden dann das zuviele Umleitungen vorhanden sind.
- voodoo sagt:
  12. April 2013 in 15:46 Antworten
  @Rolf
  Hat auf unserer alten Webseiten. Wunderbar Funktioniert.
  Die hier ist jetzt Response daher ist das unnötig.

Alle Mobilen Endgeräte Umleiten auf Mobileseiten