Como podemos ajudar?

Pesquisa

Atribuição de Banners de Aplicativo do Safari no iOS

  • Atualizado

Em resumo: o Safari implementa o recurso Banner de Aplicativo que fornece uma maneira padronizada de promover aplicativos na Apple App Store. Isso não está relacionado à solução recomendada de Smart Banner da AppsFlyer.

 Atenção

Recomendamos usar os Smart Banners da AppsFlyer para converter visitantes da web em usuários do aplicativo.

AppsFlyer Smart Banners:

  • Compatível com todos os navegadores
  • São personalizáveis
  • Funciona em todos os dispositivos Android e iOS

Banner de Aplicativo para iOS

Usando o iOS 6 e versões posteriores, você pode implementar Banners de Aplicativo no Safari para promover aplicativos disponíveis na App Store.

Exemplo de banner no Safari

AppleBanner_en-us.jpg

Antes de implementar Banners de Aplicativo no iOS, considere o seguinte:

  • Não implemente simultaneamente o Banner de Aplicativo no iOS e os Smart Banners da AppsFlyer. Isso pode resultar em problemas de exibição no seu site web mobile.
  • A solução de banner de aplicativo é específica para iOS, o que significa que não funciona no OS X. 
  • O banner de aplicativo funciona apenas no Safari.

 

Configurar uma página web com um banner de aplicativo e um link de atribuição de clique

  1. Insira o seguinte no elemento de cabeçalho do HTML da página web.

    Etapa 1<meta name="apple-itunes-app" content="app-id=123456789">:

  2. Gere um link de atribuição para o app mobile que você está promovendo no App Banner. Você pode usar o AppsFlyer SmartScript para essa finalidade; ele gerará dinamicamente um link de atribuição com base nos parâmetros UTM recebidos. Veja a seguir um exemplo que mostra um link de atribuição para o app mobile promovido no banner de aplicativo. Você também pode usar links de atribuição personalizados encurtados. 

    https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign

  3. Insira o link de atribuição gerado em um pixel de imagem. Seu pixel de imagem com a URL de mensuração é formatado conforme ilustrado.

    Etapa 1<img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />:

    A página HTML final com o pixel de imagem deve aparecer como mostrado no exemplo de HTML a seguir.

    <html>
  <head>
    <meta name="apple-itunes-app" content="app-id=123456789">

  </head>
  <body>
    <p>Este é o meu site</p>
    <img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />
  </body>
</html>

Nota! Este código carrega e executa um clique em dispositivos iOS e Android. Para desativar o código em dispositivos Android, adicione a lógica necessária ao seu código.

Tags