En resumen: Safari implementa una función de banner de app que proporciona una forma estandarizada de promocionar apps en la tienda de aplicaciones de Apple. Esto no está relacionado con la solución Smart Banner recomendada de AppsFlyer.
Nota:
Te recomendamos usar AppsFlyer Smart Banners para convertir a los visitantes de tu sitio web en usuarios de la aplicación.
AppsFlyer Smart Banners:
- Compatible con todos los navegadores
- Son personalizables
- Funciona en todos los dispositivos Android e iOS
iOS App Banner
Con iOS 6.0 y versiones posteriores, puedes implementar banners de apps en Safari para promocionar apps disponibles en la tienda de aplicaciones.
Ejemplo de banner en Safari
Antes de implementar banners de aplicaciones de iOS, ten en cuenta lo siguiente:
- No implementes a la vez el banner de aplicación de iOS y AppsFlyer Smart Banners. Si lo haces, puede haber problemas de visualización en tu sitio web móvil.
- La solución de banner de aplicación es específica de iOS, lo que significa que no funciona en OS X.
- El banner de app solo funciona en Safari.
Configurar una página web con un banner de aplicación y un enlace de atribución de clic
- Inserta lo siguiente en el elemento de encabezado del HTML de la página web.
<meta name="apple-itunes-app" content="app-id=123456789">Sin embargo, asegúrate de crear plantillas separadas con el subdominio; no agregues manualmente el subdominio al ID de plantilla. - Genera un enlace de atribución para la aplicación móvil que estás promocionando en el banner de aplicación. A continuación se muestra un ejemplo de un enlace de atribución para la aplicación móvil que se está promocionando en el banner de aplicación. También puedes usar enlaces de atribución personalizados acortados.
https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign - Inserta el enlace de atribución generado dentro de un píxel de imagen. El píxel de imagen con la URL de medición tiene el formato que se muestra en la ilustración.
<img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />Sin embargo, asegúrate de crear plantillas separadas con el subdominio; no agregues manualmente el subdominio al ID de plantilla.La página HTML final con el píxel de imagen debe aparecer como se muestra en el siguiente ejemplo de HTML.
<html> <head> <meta name="apple-itunes-app" content="app-id=123456789"> </head> <body> <p>Este es mi sitio web</p> <img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" /> </body> </html>
¡Atención! Este código carga y ejecuta un clic tanto en dispositivos iOS como Android. Para desactivar el código en dispositivos Android, añade la lógica necesaria en tu código.
This article was translated automatically and may contain errors. The English version is the most accurate - use the language selector below to switch.