Si necesitas una redirección de un dominio a otro pero no tienes acceso al servidor (por ejemplo, en las plataformas de blog gratuitos), una redireccionar con Javascript puede ser la mejor solución.

Contenidos ocultar
1 ¿Cómo funciona redireccionar con Javascript?
2 Redireccionar con Javascript. Ejemplo práctico.
3 Soporte
4 Conclusión

 ¿Cómo funciona redireccionar con Javascript?

Las redirecciones en Javascript funcionan modificando propiedades en la interfase de ubicación del documento en el navegador. Esta interfaz es Document.location y Windows.location. y la propiedad que almacena la ubicación es href. Por ejemplo, la ubicación actual de una página puede ser obtenida de la siguiente manera:

let paginaActual = location.href;
console.log( paginaActual );

Resultado:

Javascript Location href captura de pantalla

Resultado en la consola Javascript de Firefox.

Entonces, para cambiar esa ubicación y por tanto redireccionar la página actual, solo establecemos una nueva ubicación:

location.href = 'URL destino';

Pero en la práctica este código no sería la mejor experiencia para el usuario.

Redireccionar con Javascript. Ejemplo práctico.

Cuando es necesario hacer una redirección la razón más probable es que hubo un cambio (dominio, contenido, importancia), entonces una mejor experiencia para el sea:

  1. Esperar a que la página cargue.
  2. Mostrar un mensaje sobre que el contenido cambio de ubicación y esperar x segundos para que sea leído.
  3. Ejecutar la redirección.

Para hacer usar este código:

<script type="text/javascript">
let nuevaURL = 'https://blogandweb.com'; // La URL de destino.
let espera   =  5; // La espera en segundos antes de ejecurtar la redirección.

function paginaCargaCompleta(fn) {
    if (document.readyState !== 'loading') {
        fn();
    } else {
        document.addEventListener('DOMContentLoaded', fn);
    }
};

paginaCargaCompleta( function(){
  	espera = parseInt(espera);
    setTimeout('location.href="'+nuevaURL+'"', espera*1000);
} );
</script>

Donde debes reemplazar:

  • https://blogandweb.com – Con tu URL de destino, la nueva URL. No olvides agregar el protocolo: http:// o https:// al inicio. Otros usos: Se puede redireccionar hacía un correo electrónico: Ejemplo: “mailto:mi@email.com”. O a una ancla en la página. Ejemplo: “#footer”.
  • 5 – Con la cantidad de segundos antes de ejecutar la redirección. Puede ser 0 para que no exista tiempo de espera.

Como cualquier otro código Javascript, lo puedes colocar directamente entre <head> y </head> o bien, en un archivo externo de funciones .js

Soporte

location.href es una propiedad muy antigua y bien soportada por todos los navegadores. Puedes usarla con tranquilidad en producción.

Conclusión

Redireccionar con Javascript no no es quizá la forma más elegante de resolver un cambio de URL, pero hay situaciones donde no hay otra opción y resulta ser la mejor solución.