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.

13 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

SÍGUENOS EN: