Aller au contenu

Infos pour script redirection vers partie mobile


Chandon

Sujets conseillés

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 :)

Lien vers le commentaire
Partager sur d’autres sites

Tu peut utiliser un .htaccess pour renvoyer tes utilisateurs selon

leur user-agent. Il te reste a trouver les user-agents.

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 :

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

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

<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.

Lien vers le commentaire
Partager sur d’autres sites

Merci pour les infos, bonnes pistes :)

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

<?
// 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);
}

?>

Lien vers le commentaire
Partager sur d’autres sites

  • 3 years later...

Bonjour,

Chandon je te remercies pour ton code qui m'a aidé à peaufiner le mien.

Je me suis aussi aidé d'un article sur wikipedia qui recense les user agent des appareils mobiles les plus classiques,

et voilà ce que ça donne :



$ua = $_SERVER['HTTP_USER_AGENT'];

if(preg_match("(iPhone|BlackBerry|Android|HTC|LG|MOT|Nokia|Palm|SAMSUNG|SonyEricsson)",$ua))
// votre code special mobile
else
// votre code classique navigateur fixe firefox safari chrome ie

bonne continuation à tous

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...