GSM herkennen

Artikel details

In Artikels » PHP

Door BigSmoke

14-04-2008 19:02

Bron

PHP, gsm, website

Soortgelijke artikels

Cronjobs

Cheat Sheets

Mysql Injectie

Informatie opvragen zonder...

PHP variabelen en operatoren

Sinds enige tijd is het mogelijk om met je mobieltje op internet te gaan. Voorspellingen luiden dat het internetten via de GSM een groot deel zal uitmaken van het totaal gebruik van het internet. Dit betekend dat er een hele nieuwe markt open ligt. Hier moet jij als webmaster natuurlijk op inspelen door jouw website te optimaliseren. Van 2005 is het mogelijk om .mobi domeinen te registreren voor je website om zo een apparte versie weer te geven speciaal voor mobiele toestellen. Maar dit is eigenlijk overbodig...

Een .mobi domein is overbodig

Met een taal als PHP kan je simpelweg nagaan of de bezoeker gebruik maakt van een computer of een ander mobiel toestel en vervolgens verschillende versies van je website weergeven. Zo omzeil je het hele .mobi gedoe en is het makkelijker voor de bezoeker, deze moeten immers maar 1 URL onthouden en krijgen aan de hand van het toestel dat ze gebruiken een geoptimaliseerde website. Onderstaande code dient in de eerste pagina van je website geplaatst te worden. (meestel index.php) Vergeet de .php extentie niet!

<?
   //Deze code zal nagaan of met een gsm de website wordt bekeken.
    //Zo ja stuur de bezoeker naar een aangepaste pagina
    $isMobile = false;
    $op = strtolower($_SERVER['HTTP_X_OPERAMINI_PHONE']);
    $ua = strtolower($_SERVER['HTTP_USER_AGENT']);
    $ac = strtolower($_SERVER['HTTP_ACCEPT']);
    $isMobile = strpos($ac, 'application/vnd.wap.xhtml+xml') !== false
    || $op != ''

            || strpos($ua, 'sony') !== false

            || strpos($ua, 'symbian') !== false

            || strpos($ua, 'nokia') !== false

            || strpos($ua, 'samsung') !== false

            || strpos($ua, 'mobile') !== false

            || strpos($ua, 'windows ce') !== false

            || strpos($ua, 'epoc') !== false

            || strpos($ua, 'opera mini') !== false

            || strpos($ua, 'nitro') !== false

            || strpos($ua, 'j2me') !== false

            || strpos($ua, 'midp-') !== false

            || strpos($ua, 'cldc-') !== false

            || strpos($ua, 'netfront') !== false

            || strpos($ua, 'mot') !== false

            || strpos($ua, 'up.browser') !== false

            || strpos($ua, 'up.link') !== false

            || strpos($ua, 'audiovox') !== false

            || strpos($ua, 'blackberry') !== false

            || strpos($ua, 'ericsson,') !== false

            || strpos($ua, 'panasonic') !== false

            || strpos($ua, 'philips') !== false

            || strpos($ua, 'sanyo') !== false

            || strpos($ua, 'sharp') !== false

            || strpos($ua, 'sie-') !== false

            || strpos($ua, 'portalmmm') !== false

            || strpos($ua, 'blazer') !== false

            || strpos($ua, 'avantgo') !== false

            || strpos($ua, 'danger') !== false

            || strpos($ua, 'palm') !== false

            || strpos($ua, 'series60') !== false

            || strpos($ua, 'palmsource') !== false

            || strpos($ua, 'pocketpc') !== false

            || strpos($ua, 'smartphone') !== false

            || strpos($ua, 'rover') !== false

            || strpos($ua, 'ipaq') !== false

            || strpos($ua, 'au-mic,') !== false

            || strpos($ua, 'alcatel') !== false

            || strpos($ua, 'ericy') !== false

            || strpos($ua, 'up.link') !== false

            || strpos($ua, 'vodafone/') !== false

            || strpos($ua, 'wap1.') !== false

            || strpos($ua, 'wap2.') !== false;
    if ($isMobile == true) {
       header("Location: http://www.webhog.be/mobile/");
       exit;
    }
?>

Mobiele versie

Vervolgens moet je een mobiele versie maken van je website. Hou er hierbij rekening mee dat je pagina's best geen javascript en zo min mogelijk afbeeldingen bevatten. Probeer ook de grootte van het document te beperken want spijtig genoeg gaat mobiel internet niet zo snel. Evenals is het aangeraden om de pagina op te bouwen uit div's in plaats van tabellen. Zorg dat je pagina er als volgt uitziet.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
   <title>Mijn mobiele versie website</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <meta http-equiv="content-type" content="application/xhtml+xml" />
   <meta http-equiv="cache-control" content="max-age=300" />
</head>
<body>
    Tekst op mobiele versie, maak eventueel gebruik van CSS.
</body>
</html>

Website testen

Voorbeelden van mobiele websites

Er zijn nog geen reacties op dit artikel.

Om op dit artikel te reageren dient u een account aan te maken.