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>
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.
oye a mi no me funciona. sabes que estara pasando?
ResponderBorrarHola Alexis cuentame en que no te funciona ? no te lee el código o qué ? o no te guarda ?
BorrarA 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!!
ResponderBorrarHola 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..
BorrarSaludos,
Funciona!!, gracias
ResponderBorrarHola Leonardo es con gusto....
BorrarSaludos,
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
BorrarHola, la función redirecciona perfectament pero... Sabrías decirme porque la url destino se recarga contínuamente? Gracias
ResponderBorrarNo entiendo a que te refieres con se recarga continuamente
Borrarsaludos,c
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
ResponderBorrarNo comprendo muy bien dentro de la página web ? Explícate mejor quedo atento...
BorrarSaludos,
uff excelente jeje acabas de salvar la patria mil gracias!
ResponderBorrarHola Anderson es con gusto...
BorrarSaludos,
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
BorrarGracias que me a funcionado sin problema saludos
ResponderBorrarHola José, es con gusto saludos,
BorrarSaludos 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
ResponderBorrarHola 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...
BorrarSaludos,
hola a mi no me va te explico:tengo un huawey p8 y no me redirije
ResponderBorrarHola de que forma estás incorporando el código ?
BorrarSaludos,
Saludos, si quisiera redireccionar a dos direcciones diferentes, por ejemplo, 1 para Tablets y otra para Smartphones, como se haria en ese caso? Gracias.
ResponderBorrarNecesitarías protocolos de identificación de dispositivo...
BorrarSaludos,
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.
ResponderBorrarHola Juan David, No sé aún su implementación para lo que buscas.
BorrarSaludos,
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?
ResponderBorrarMuchas gracias
Hola Anónimo, realmente no lo sé y no lo he intentado.
BorrarSaludos,
Muchas gracias, a mi me funcionó perfectamente.
ResponderBorrarHola Tomás es con gusto...
BorrarSaludos,
Me funciono perfectamente lo he estado buscando desde hace tiempo me haz librado de mucho no sabes cuanto te lo agradezco !!!!!!!!!
ResponderBorrarHola Globalsysco,
BorrarEs con gusto gracias por pasarte por el blog.
Saludos,
Gracias por la información!! He implementado el script, pero he leído que a Google no le gustan las redirecciones. ¿es así?
ResponderBorrarUn saludo!!
HOla Clases de piano,
BorrarAsí es a Google no le gustan mucho las redirecciones por eso lo mejor es no usarlas por mucho tiempo que sea temporal.
Saludos,
no me funciona, creo que es por que falta el punto y coma en
ResponderBorrarvar device = navigator.userAgent
le puse pero igual, existe otro código?
Hola Paulito el código funciona bien, de que forma lo estás implementando...
BorrarSaludos,
¿Podrías hace el mismo código pero esta vez redirigir usuarios de pc a otro url?
ResponderBorrarNo es posible de momento.
BorrarSaludos,
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 ;)
ResponderBorrarHola Sergius,
BorrarGracias por comentar.
Saludos,
Muchas Gracias!!!! Encontré mil sitios que hablaban del tema pero todos complicados, Esta forma super simple funciona genial! Gracias!!!!
ResponderBorrarHola Pato me alegra que te sirviera :)
BorrarSaludos,
hola en donde se encuentra el archivo el html porque solo tengo una carpeta, entro desde la filezilla
ResponderBorrarHola en ese caso en el index.html lo puedes agregar
BorrarSaludos,
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
ResponderBorrarHola Ariel....
Borrarwindow.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,
no me funciona tengo mi web alojada en https:// puede ser por eso?
ResponderBorrarHola es relativo, tienes un blog con blogger o en cual CMS?
Borrarhola no es html puro lo tengo. te paso la url de la web a ver si me podes dar una mano
ResponderBorrares https://tsimanelodge.com/
desde ya muchas gracias
Lo pudiste solucionar?
BorrarPor 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
ResponderBorrarA que te refieres con patria no es muy claro lo que quieres lograr.
Borrar