miércoles, 13 de enero de 2016

Detectar versión para móviles y redireccionar web o enlace con JavaScript

Tomado gentilmente de joason.com
Un breve post para la ocasión, y hoy explicaré como incorporar el redireccionamiento web de un link a otro, un enlace a otro, una web a otra cuando, se detecta que el usuario que entra está en versiones móviles para nuestro blog o web.


En otro post de este blog, se explicaba como se logra redireccionar una web a otra web, pero, no se tuvo en cuenta los dispositivos móviles y por ello allí para la mayoría el truco no sirve. Click para ir al post.

Así que con los siguientes códigos de JS, será posible establecer una redirección inclusive en versiones móviles de nuestro sitio o blog de blogger. Veamos de que se trata, el código a copiar para incrustar será el siguiente:
<script type="text/javascript"> var device = navigator.userAgent

if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/Android/i)|| device.match(/J2ME/i)|| device.match(/BlackBerry/i)|| device.match(/iPhone|iPad|iPod/i)|| device.match(/Opera Mini/i)|| device.match(/IEMobile/i)|| device.match(/Mobile/i)|| device.match(/Windows Phone/i)|| device.match(/windows mobile/i)|| device.match(/windows ce/i)|| device.match(/webOS/i)|| device.match(/palm/i)|| device.match(/bada/i)|| device.match(/series60/i)|| device.match(/nokia/i)|| device.match(/symbian/i)|| device.match(/HTC/i))
 {
window.location = "ENLACE DE WEB A LA QUE VA REDIRECCIONAR";

}
else
{

} </script>
¿Dónde pego este código?

Si estamos en blogger, vamos a nuestra plantilla editamos el HTML, el código lo pegaremos en nuesra plantilla antes de </head>, y listo sólo presionan "ctrl + f" y buscan dicho código de fin de cabecera.

Una vez hecho sólo queda guardar la plantilla y ya estuvo podremos obtener una redirección a donde se desee desde dispositivos móviles.

Es todo, hasta la próxima.

21 comentarios:

  1. oye a mi no me funciona. sabes que estara pasando?

    ResponderEliminar
    Respuestas
    1. Hola Alexis cuentame en que no te funciona ? no te lee el código o qué ? o no te guarda ?

      Eliminar
  2. A mi solo me funciona en la versión de escritorio en la versión móvil no me funciona. Esta es mi pagina web: www.LuvinRafael.com Ayuda por favor!!

    ResponderEliminar
    Respuestas
    1. Hola Luvin, la versión móvil de tu blog es mediante la habilitación de la unción en blogger o es una versión adaptativa de tu plantilla ya que eso influye..

      Saludos,

      Eliminar
  3. Respuestas
    1. Hola Leonardo es con gusto....

      Saludos,

      Eliminar
    2. YO TENGO UN PROBLEMA ALGO SIMILAR CREO QUE TU ESTAS QUERIEN REDIRECCIONAR DENTRO DE LA PROPIA PAGINA O BUENO ESO ES LO QUE ME PASA A MI

      Eliminar
  4. Hola, la función redirecciona perfectament pero... Sabrías decirme porque la url destino se recarga contínuamente? Gracias

    ResponderEliminar
    Respuestas
    1. No entiendo a que te refieres con se recarga continuamente

      saludos,c

      Eliminar
  5. TENGO UNA PREGUNTA AMIGO, SI QUIERO HACER UNA DIRECCIÓN DENTRO DE LA PAGINA WEB COMO IRÍA EL CÓDIGO ESTOY TENIENDO PROBLEMAS CON ESTO, ESTARIA MUY AGRADECIDO SI ME AYUDA

    ResponderEliminar
    Respuestas
    1. No comprendo muy bien dentro de la página web ? Explícate mejor quedo atento...

      Saludos,

      Eliminar
  6. uff excelente jeje acabas de salvar la patria mil gracias!

    ResponderEliminar
  7. Gracias que me a funcionado sin problema saludos

    ResponderEliminar
  8. Saludos Andrés Felipe. Dos preguntas: 1) si actualizo mi página a una versión móvil, se corre el riesgo de perder el posicionamiento que actualmente tiene en google? No quiero perder 10 años antes de emprender esta aventura. 2) De tomar el riesgo, donde coloco el código para el redireccionamiento: en el index o en el htacces? Gracias por compartir conocimiento; eso nos hace cada vez más grandes.... y como se aprende! Saludos

    ResponderEliminar
    Respuestas
    1. Hola José, si actualizas a tu página versión móvil que tanto la modificarás, sólo la tendrás en una versión adaptativa pero, bajo la misma plantilla? si es así no te afecta en nada la verdad, al contrario mejor ya que google ahora filtra contenido y escala a aquellos que sean adaptativos en sus sitios así que hazlo sin problema alguno... respecto a donde colocas el código sería en el index como se indica donde para que así redireccione de forma correcta asumiendo que todo está bien...

      Saludos,

      Eliminar
  9. hola a mi no me va te explico:tengo un huawey p8 y no me redirije

    ResponderEliminar
    Respuestas
    1. Hola de que forma estás incorporando el código ?

      Saludos,

      Eliminar
  10. Saludos, si quisiera redireccionar a dos direcciones diferentes, por ejemplo, 1 para Tablets y otra para Smartphones, como se haria en ese caso? Gracias.

    ResponderEliminar
    Respuestas
    1. Necesitarías protocolos de identificación de dispositivo...

      Saludos,

      Eliminar

SÍGUENOS EN: