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.

50 comentarios:

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

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

      Borrar
  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!!

    ResponderBorrar
    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,

      Borrar
  3. Respuestas
    1. 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

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

    ResponderBorrar
  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

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

      Saludos,

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

    ResponderBorrar
    Respuestas
    1. Hola buenas tardes necesito saber cómo entrar Ami patria necesito entrar y me dice que patria me redireccionó como hago para recuperar mi asceso

      Borrar
  7. Gracias que me a funcionado sin problema saludos

    ResponderBorrar
  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

    ResponderBorrar
    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,

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

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

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

      Saludos,

      Borrar
  11. Hola, una pregunta como hago para indicar que cuando se abra en cualquier celular me abra automaticamente el index.html pero que cuando lo abra en un computador me abra inicio.html, ya lo he intentado con screen.width y con navigator.platform pero no se como va el codigo para que me funcione correctamente, espero me puedas ayudar. Gracias.

    ResponderBorrar
    Respuestas
    1. Hola Juan David, No sé aún su implementación para lo que buscas.

      Saludos,

      Borrar
  12. Hola, gracias por el aporte. Me funciona perfecto. Solo una cuestión: ¿es posible que la redirección de la página la efectúe pasados unos segundos?

    Muchas gracias

    ResponderBorrar
  13. Muchas gracias, a mi me funcionó perfectamente.

    ResponderBorrar
  14. Me funciono perfectamente lo he estado buscando desde hace tiempo me haz librado de mucho no sabes cuanto te lo agradezco !!!!!!!!!

    ResponderBorrar
    Respuestas
    1. Hola Globalsysco,

      Es con gusto gracias por pasarte por el blog.

      Saludos,

      Borrar
  15. Gracias por la información!! He implementado el script, pero he leído que a Google no le gustan las redirecciones. ¿es así?
    Un saludo!!

    ResponderBorrar
    Respuestas
    1. HOla Clases de piano,

      Así es a Google no le gustan mucho las redirecciones por eso lo mejor es no usarlas por mucho tiempo que sea temporal.

      Saludos,

      Borrar
  16. no me funciona, creo que es por que falta el punto y coma en
    var device = navigator.userAgent
    le puse pero igual, existe otro código?

    ResponderBorrar
    Respuestas
    1. Hola Paulito el código funciona bien, de que forma lo estás implementando...

      Saludos,

      Borrar
  17. ¿Podrías hace el mismo código pero esta vez redirigir usuarios de pc a otro url?

    ResponderBorrar
  18. Funciona perfectamente. Es verdad que en la carga (recarga el enlace lógico previo) tarda algo más de lo normal, pero eso es cuestión de los servers. Gran curro tron. He visto éste vódigo por otros lados (al final todos nos nutrimos de todos) en Codepen, StackOverflow y alguna más tenéis más ejemplos...de hecho en GitHub se ven muchas compilaciones para E-Commerce (Magento/PrestaShop, etc.) que pueden agilizar mejor el código, pero es sencilla y bien compuesta. Gracias por el aporte ;)

    ResponderBorrar
  19. Muchas Gracias!!!! Encontré mil sitios que hablaban del tema pero todos complicados, Esta forma super simple funciona genial! Gracias!!!!

    ResponderBorrar
  20. hola en donde se encuentra el archivo el html porque solo tengo una carpeta, entro desde la filezilla

    ResponderBorrar
  21. Hola Andres, el Código funciona perfecto pero queria consultarte como tengo que describir en el código la URL de destino porque al redireccionar me agrega a la URL existente la dirección que le marco como destino en el código. Muchas gracias

    ResponderBorrar
    Respuestas
    1. Hola Ariel....

      window.location = "ENLACE DE WEB A LA QUE VA REDIRECCIONAR";

      Allí va la URL de redirección o sea hacia donde deseas que vaya, por ejemplo si quiero redireccionar a mi blog de electrónica sólo coloco:

      window.location = "http://www.skulltrap.co/";

      Quedo al tanto,

      Saludos,

      Borrar
  22. no me funciona tengo mi web alojada en https:// puede ser por eso?

    ResponderBorrar
  23. hola no es html puro lo tengo. te paso la url de la web a ver si me podes dar una mano
    es https://tsimanelodge.com/
    desde ya muchas gracias

    ResponderBorrar
  24. Por favor necesito que me ayudes necesito entrar a patria y me dice que la página me redireccionó y no puedo entrar k debo hacer

    ResponderBorrar
    Respuestas
    1. A que te refieres con patria no es muy claro lo que quieres lograr.

      Borrar

ESTAMOS EN: