Cómo redirigir a App Store o Play Store según el dispositivo con GitHub Pages

Tabla de contenidos

¿Tienes una app publicada en iOS y Android y te gustaría compartir un único enlace que detecte el dispositivo y redirija automáticamente a la tienda correspondiente?

Pues eso mismo me pasó hace poco con mi app Encriptador, una app muy sencilla que te permite enviar mensajes encriptados de forma segura.

Voy a contarte cómo lo hice paso a paso usando GitHub Pages, sin necesidad de Firebase, servicios de pago ni configuraciones complicadas.

🚀 ¿Qué vamos a hacer?

Vamos a crear una página web ultra ligera que detecta si el usuario está usando un iPhone, un Android o cualquier otro dispositivo, y lo redirige a la tienda correspondiente (o a una landing page si entra desde el ordenador).

🧱 Paso 1: Crear un repositorio en GitHub

Ve a https://github.com/new
Ponle un nombre, por ejemplo: redirect-encriptador
Marca “Add a README”
Dale a “Create repository”

📄 Paso 2: Crea el archivo `index.html`

En tu repo, haz clic en “Add file” → “Create new file”
Nómbralo index.html
Pega este código:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Redirigiendo...</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
      const userAgent = navigator.userAgent || navigator.vendor || window.opera;

      if (/android/i.test(userAgent)) {
        window.location.href = "https://play.google.com/store/apps/details?id=com.tudominio.encriptador&pcampaignid=web_share";
      } else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        window.location.href = "https://apps.apple.com/us/app/encriptador/id6744336564";
      } else {
        window.location.href = "https://reviblog.net/encryptor-protect-your-messages-with-secure-encryption/";
      }
    </script>
  </head>
  <body>
    <p>Redirigiendo…</p>
  </body>
</html>

Haz scroll y pulsa “Commit new file”

🌍 Paso 3: Activar GitHub Pages

Ve a la pestaña “Settings” del repositorio
Busca “Pages” o “Pages and deployment”
En «Source», selecciona:
- Branch: main
- Folder: root (/)
Guarda

Listo. Te aparecerá una URL tipo:

https://tusuario.github.io/redirect-encriptador/

✅ Resultado

Si visitas https://edurevilla.github.io/redirect-encriptador/ desde un iPhone, te manda a la App Store.
Desde Android, a Google Play.
Y si estás en el ordenador, te lleva a una landing donde explico más sobre la app.

📱 ¿Qué es Encriptador?

Es una app sencilla para enviar mensajes encriptados de forma rápida y segura. Tanto el emisor como el receptor deben tenerla instalada. Puedes probarla desde este enlace inteligente:
👉 https://edurevilla.github.io/redirect-encriptador/

💬 ¿Te animas?

Puedes usar este método para redirigir a cualquier sitio, ¡no solo apps!
Perfecto para compartir un solo enlace en redes, QR, tarjetas de visita digitales, etc.

Si tienes dudas, puedes dejar un comentario en el post.
Y si te gustó el truco, ya sabes… ¡échale un vistazo a mi app! 😉