Skip to main content

Enlaces para redirecciones

Este tipo de enlaces suele diseñarse para su inclusión en códigos QR, aunque su propósito principal es residir en un dominio principal para tener un mayor control sobre la URL. Si la ruta de redirección cambia, simplemente se requiere actualizar nuestra URL con la nueva dirección a la que se desea redirigir.

Plantillas​

Existen dos plantillas de HTML para realizar estas redirecciones.

1. Plantilla de redirección simple (la más común)​

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>QR Redirect</title>
		<script>
			window.location.href = "https://google.com";
		</script>
	</head>
	<body></body>
</html>

2. Plantilla de redirección por sistema operativo​

<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Titulo</title>
	</head>

	<body>
		<script type="text/javascript">
			let userAgent = navigator.userAgent || navigator.vendor || window.opera;

			if (/android/i.test(userAgent)) {
				window.location.replace("https://play.google.com/apps/internaltest/4701441068963280883");
			} else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
				window.location.replace("https://testflight.apple.com/join/2KL8PFxX");
			} else {
				window.location.replace("https://play.google.com/apps/internaltest/4701441068963280883");
			}
		</script>
	</body>
</html>

Flujo con Netlify​

  1. Crea un nuevo sitio en Netlify. Luego, mediante "drag and drop", sube una carpeta que contenga únicamente la plantilla index.html que hayas creado en el paso anterior.
  2. Crea un subdominio del tipo nuevo-sitio.dominio-existente.com. Si el dominio ya tiene los DNS de Netlify, tu enlace de redirección estará listo en un par de minutos.