Webmaster Hub > Infos pour script redirection vers partie mobile

Version complète: sur le forum Webmaster Hub : Infos pour script redirection vers partie mobile

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Scripts et utilitaires

Chandon

vendredi 26 janvier 2007 à 10:21

Bonjour à tous,

Je viens de terminer un site pro, sur lequel j'ai ajouté une partie pour les téléphones mobiles et pda.
Ce que j'aimerai faire, c'est une redirection à partir de la page d'accueil du site web, vers la partie spécifique au mobiles.
ex : le site web : http://planetejeunes.marseille.fr
la partie mobile : http://planetejeunes.marseille.fr/planete/mobile
C'est super long à taper sur un tel portable, c'est clair !
J'aurai préféré avoir une adresse spécifique pour les mobiles, mais ce n'est pas possible, d'où le choix de s'orienter vers ce script de détection, en fonction du user-agent.
Donc, je vous remercie de me donner des pistes de script, si vous en avez vous même utilisé, et quelles sont les limitations ?

D'autre part, la partie mobile est en xhtml strict. Faut il, pour m'assurer de la compatibilité maximum, utiliser le xhtml-mp ? Qu'en pensez vous ?

Et enfin (oui, c'est fini après), je compte mettre également des vidéos : le format .3gp est il reconnu par la majorité de mobiles ? Et quel est la taille maxi supportée ???

Merci de votre aide

theonlydrayk

vendredi 26 janvier 2007 à 20:06

Tu peut utiliser un .htaccess pour renvoyer tes utilisateurs selon
leur user-agent. Il te reste a trouver les user-agents.

CODE

Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} 'mobile_user-agent-1' [NC]
RewriteCond %{HTTP_USER_AGENT} 'mobile_user-agent-2' [NC]
RewriteCond %{HTTP_USER_AGENT} 'mobile_user-agent-3' [NC]
RewriteCond %{HTTP_USER_AGENT} 'mobile_user-agent-4' [NC]
RewriteRule ^(.*) http://planetejeunes.marseille.fr/planete/mobile/$1 [QSA,L]

Je ne suis pas sur mais je ne crois que ce type de redirection n'est pas considerer comme du 'cloaking' puisque que tu ne sert pas la meme page sur le meme URL. Et google devrait pas poser de probleme.

Le W3C a deja un Media-Type pour les mobiles 'handheld' qui
pourrais servir : http://www.w3.org/TR/REC-CSS2/media.html

Quelque chose comme ca dans ta homepage :

CSS :

CODE

div#mobile {
   display:none;
}
_AT_media handheld {
   div#mobile {
     display:block;
   }
}

HTML (en haut de la page d'acceuil) :

CODE

<div id="mobile">
<a href="http://planetejeunes.marseille.fr/planete/mobile/">Utilisateur de mobile suivez ce liens</a>
</div>

Ca reste a tester mais ca pourrais fournir un liens rapide pour les utilisateurs de petit ecran. Qui ne serait pas afficher
sur l'ecran d'ordinateur normal et pas imprimer.

Chandon

lundi 29 janvier 2007 à 10:30

Merci pour les infos, bonnes pistes

Sinon, j'ai adapté ce script, pouvez vous me dire si ça pourrait faire également l'affaire ?

CODE

<?
// récup des paramètres du navigateur
$useragent=$_SERVER["HTTP_USER_AGENT"];

// page par défaut (mobile)
$urlmobile="mobile/index.php";

// Appareil mobile et autres
if (preg_match("(DoCoMo/1.0|DoCoMo/2.0|portalmmm/1.0|portalmmm/2.0|ACER|Alcatel|AnnyWay|AUDIOVOX|BlackBerry|CDM|Ericsson|LG\b|LGE|Motorola|MOT-|NEC|Nokia|Panasonic|QCI|SAGEM|SAMSUNG|SEC-|Sanyo|Sendo|SHARP|SIE-|SonyEricsson|Telit|Telit_Mobile_Terminals|TSM)",$useragent)){
header ("location: ".$urlmobile);
}

if (preg_match("(PluckerPalm|RegKing|EPOC|PalmOS|KDDI|EZOS|Zaurus C750|SPV C500|hspr-H102|UPG1|Wapagsim|J-PHONEKGT/|UP.Link|Symbian)",$useragent)){
header ("location: ".$urlmobile);
}

// Résolution d'appareil nomade PDA, PALM...
if (preg_match("(240x320|160x160|176x220|320x320|480x640)",$useragent)){
header ("location: ".$urlmobile);
}

// Navigateur des PDA, PALM etc...
if (preg_match("(AvantGo 3.2|EudoraWeb 2.1|UP.Browser|Plucker|PalmSource|NetFront/3.0|Xiino/1.0.9E|Elaine/3.0|Pixo-Browser)",$useragent)){
header ("location: ".$urlmobile);
}

?>

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.