Netfilicos
RECURSOS PHOTOSHOP, PARA WEBMASTERS Y DISEÑADORES

 
 


Programacion

November 15, 2011

Como redireccionar los usuarios móviles a una versión de nuestro sitio adaptada a ellos usando PHP

USER_AGENT

Con el reciente crecimiento que ha tenido el uso de los dispositivos móviles con acceso a internet en todo el mundo, muchas paginas web se ha tenido a que adaptar a estos nuevos cambios creando versiones móviles de ellas y redireccionando a los usuarios que entran desde dispositivos móviles a dichas versiones adaptadas a ellos. Por eso en el día de hoy les traemos un tutorial sobre como redireccionar los usuarios móviles a una versión de nuestro sitio que se encuentra adaptada para ellos usando el lenguaje de programación PHP.

Lo primero que tenemos que hacer es realizar la comprobacion de que dispositivo estan accediendo a nuestro sitio web. Para esto vamos a utilizar las estructuras condicionales if() y else(), asi como la funcion $_SERVER['HTTP_USER_AGENT'] para comprobar el Agente Usuario que esta usando el cliente para entrar a nuestro sitio web. Y agregar un echo para que se redireccionen usando la etiqueta meta de HTML a la dirección de la versión móvil de nuestro sitio.

if($_SERVER['HTTP_USER_AGENT']['ingrese aquí el agente usuario de los dispositivos móviles que deseamos redigir a la versión móvil, todos separado por una coma];

echo”<META HTTP-EQUIV=Refresh CONTENT=”0; URL=”url de la versión móvil de tu sitio”>

Después de esto tenemos que agregar algunas excepciones que vendrían siendo los usuarios que estan utilizando navegadores completos para acceder a nuestro sitio web, como lo son Firefox, Google Chrome. También que dirija a los usuarios de computadoras con navegadores completos a la versión normal de nuestro sitio web.

else{

echo”<META HTTP-EQUIV=Refresh CONTENT=”0; URL=”dirección normal de su sitio para equipos moviles”>

}

Código Completo del script

if($_SERVER['HTTP_USER_AGENT']['ingrese aquí el agente usuario de los dispositivos móviles que deseamos redigir a la versión móvil, todos separado por una coma];

echo”<META HTTP-EQUIV=Refresh CONTENT=”0; URL=”url de la versión móvil de tu sitio”>

else

{

echo”<META HTTP-EQUIV=Refresh CONTENT=”0; URL=”dirección normal de su sitio para equipos moviles”>

}





 
 

 
google+_pages

Como usar las nuevas Google+ Pages en nuestra estrategia de Social Media

Hace ya algún tiempo Google había tenido cierto inconvenientes con los usuarios de su red social Google+ por el uso de seudónimos o apodos en los nombres de usuarios de sus cuenta en dicha red social. Esto hizo que Goo...
by Wocker
0

 
 
HTML5

Introducción a HTML5: Tutorial completo sobre las nuevas etiquetas

El HMTL5 se esta convirtiendo poco a poco en uno de los estándares webs mas utilizados debido a su fácil integracion en las paginas webs y su total compatibilidad con los dispositivos moviles que estan saliendo en estos m...
by Wocker
0

 
 
javascript

Funciones matemáticas con Javascript

En el lenguaje de programación Javascript el cual se ejecuta de lado del cliente, a diferencia del PHP que es ejecutado en el servidor para entregarle una respuesta en HTML al cliente; podemos realizar bastantes y amplias op...
by Wocker
0

 




One Comment


  1. Entonces… digamos que yo tengo una versión para escritorio, y una versión para dispositivos móviles alojada en otra carpeta del servidor, por ejemplo ‘MV’.

    En cada uno de estos documentos debiera incluir el script y no sólo en el index porque un resutlado orgánico de google puede mandarle como landing page cualquiera sin tener que pasar por el index, ¿no?

    Yo hasta ahora reconocía el tamaño de la pantalla en el index y te redirijía a la versión móvil o no, y ya te movías por ahí. Pero si entro directamente a otra página que no sea el index, por ejemplo desde google, no me carga la versión móvil, sino la de escritorio, claro…



Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>