Redirection mobil php
Auteur : Marc A.
Visité 3208,
Followers 2,
Partagé 0
Bonsoir, je viens de terminer un site en 2 versions, j'ai essayer ce type de code rediriger mais ça ne fontionne paset pour éviter e passer par media queri et CSS3
<?php
- require_once('mobile_redirect.php');
- mobile_redirect(array(
- "mobileredirect"=>"http://Mobile.com",
- "desktopredirect"=>"http://Desktop.com"
- ))
- ?>
quelqu'un à t il un sript
Bien cordialement.
Posté le
Bonsoir Marc,
Code redirection mobile à essayer :
<script language="javascript"> var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { [removed].replace("http://mon.site.com"); } else [removed].replace("http://www.monsite.fr"); </script>
Cordialement,
Arnaud
Auteur
Bonjour Arnaud,
Faut il placer ce code dans le head de la page d'index ou faire un index uniquement avec ce code pour rediriger vers les versions?
Cordialement,
Marc.
Bonjour Marc,
La détection doit se faire directement depuis la page d'accueil (index.html) donc vous pouvez inclure le code dans les propriétés de la page d'accueil.
Placer le code à l'etape 4 / Statistiques SEO et code / doit fonctionner également, mais le code serait alors actif sur n'importe qu'elle page de votre site.
A vous de choisir ce qui vous convient le mieux.
Cordialement,
Arnaud
Auteur
Bonjour Arnaud,
Merci pour votre aide, mais il semble que ça ne fonctionne pas, pouvez-vous me préciser où positionner ce code, le head ou le body de la page?
Bien cordialement,
Marc.
Bonjour Marc,
Pour que le code fonctionne, votre site mobile doit avoir sa propre url dissociée de votre site normal (ex : www.mon-site.net - Le site mobile www.mon-site.net/mobile/index.html ou disposer carrément d'un sous domaine).
Vous pouvez placer le code ci-après (variante du 1er code) dans index.html / propriétés / avancées / après ouverture de la balise head - avant fermeture de la balise head
<script> var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { document.location = "http://www.le-site-mobile.com"; } </script>
Modifier l'url en fin de code bien entendu
Dans tous les cas le code doit figurer dans le head du site pas dans le body.
Voici un exemple de site qui utilise la redirection mobile, vous pouvez aussi vous en inspirer en observant le code :
http://www.x5tuts.com/template/photo/
---------------------------------------------
En cherchant un peu sur le web, j'ai trouvé qu'il existe également une solution assez simple (apparement) en utilisant le .htaccess du site et en y écrivant les lignes suivantes :
RewriteCond %{HTTP_USER_AGENT} "ipod|iphone|ipad|android|palm|googlebot-mobile" [NC] RewriteRule (.*) http://m.adressedu site.net/ [R=301,L]
Pensez également à autoriser le User-Agent Googlebot-mobile dans votre fichier robots.txt !
https://support.google.com/webmasters/answer/1061943?hl=fr
Cordialement,
Arnaud
Auteur
Milles Merci à vous?? Tout roule.
Auteur
Mais ça marche aussi après ouverture de la balise body
Hello Marc,
Content de voir que ça marche
Merci pour la précision par rapport à la balise body.
Lors d'un prochain passage par ici, merci de bien vouloir placer ce post en mode résolut, en cliquant simplement sur "correct" , ça nous évitera de revenir sur le sujet et pourra servir aux utilisateurs qui rencontrent le même problème.
Cordialement,
Arnaud