Smart links y web-to-app
¿Qué es el Smart App Banner de Apple?
En pocas palabras
El Smart App Banner es la franja que Safari muestra sobre tu web, en iPhone y iPad, para promocionar tu app. Si la app no está instalada, lleva al App Store; si lo está, la abre. Se activa con una sola metaetiqueta en el head de la página, sin diseñar nada. Pero solo aparece en Safari de iOS.
Cómo se añade
En el head de la página se añade una metaetiqueta llamada apple-itunes-app, con el número de la app en el App Store (app-id) en el atributo content. Con el valor opcional app-argument puedes pasarle una dirección a la app, para que abra el mismo contenido que la persona estaba viendo en la web.
Si la app no está disponible en el país del usuario o no funciona en su dispositivo, el banner no aparece. Y quien lo cierra deja de verlo en ese sitio.
Dónde no aparece
El banner solo sale en Safari de iOS. No lo ven quienes usan Chrome en el iPhone, quienes abren tu web desde el navegador in-app de Instagram o TikTok, ni los usuarios de Android. Si buena parte de tu tráfico llega por esos canales, la metaetiqueta sola se queda corta.
Ese hueco lo cubren los banners web dibujados con JavaScript, que funcionan en cualquier navegador y en Android. El banner web del plan Pro de Appy es de este tipo.
<meta name="apple-itunes-app" content="app-id=123456789">Términos relacionados
- Web-to-app
Web-to-app es llevar a tu app a quienes llegan a tu web móvil, a tus correos o a tus páginas de escritorio. Las herramientas: banners, smart links, códigos QR en escritorio y deep links que abren en la app la misma página que la persona veía. La idea es convertir en usuarios de la app un tráfico que ya tienes.
- Universal Links
Los Universal Links (enlaces universales) son el sistema de Apple, disponible desde iOS 9, que permite que una dirección https normal abra tu app en el iPhone. Si la app está instalada, el enlace la abre en la pantalla correspondiente; si no, muestra tu sitio web en Safari. Requieren el entitlement Associated Domains y un archivo apple-app-site-association en el dominio.
- Navegador in-app (in-app browser)
Un navegador in-app es el navegador integrado con el que Instagram, TikTok, Facebook o LinkedIn abren los enlaces sin pasarlos a Safari o Chrome. Está pensado para que no salgas de la app. El efecto secundario: los Universal Links y los App Links a menudo no se activan y el enlace muestra la web en vez de abrir tu app.
Crea un enlace que lleve cada teléfono a su sitio
Un enlace y un código QR: el iPhone va al App Store, el Android a su tienda y el escritorio a tu sitio web. El plan gratuito incluye 4 enlaces y no tiene anuncios.