Saiba como configurar um “Smart App Banner” do iOS 6 no seu site

Smart App Banner na Apple Online Store

Smart App Banner na Apple Online StoreUma novidade pouco comentada do iOS 6 são os chamados “Smart App Banners”, que mostramos na screenshot ao lado. Ao acessar a Apple Online Store por dispositivos com o novo sistema, um “banner” aparece no topo sugerindo que o usuário baixe ou abra (se já tiver instalado) o aplicativo nativo da loja no seu aparelho.

Esse benefício não é restrito à loja online da Apple, porém. Desenvolvedores/webmasters podem facilmente configurar seus sites para sugerirem um app nativo e correspondente dele para usuários, assim que o acessarem pela primeira vez via Safari.

A Apple publicou um documento que explica tudo em detalhes, mas a coisa é bem simples mesmo. O primeiro passo é obter o ID do aplicativo desejado, e o método mais fácil de fazê-lo é usando o Link Maker da iTunes Store. Seguindo ainda o exemplo do app Apple Store, disponível apenas na loja americana, identificamos que o código correspondente dele é o 375380948.

Feito isso, basta atualizar o cabeçalho do site adicionando a seguinte linha dentro da área <head> do HTML:

<meta name="apple-itunes-app" content="app-id=000000000">

Onde 000000000, evidentemente, equivale ao ID do aplicativo. O código aceita parâmetros extras como dados de afiliados e URLs contextuais para serem repassadas ao app, mas estes são opcionais.

Bacana, né? 😉

[via David Smith]

Posts relacionados

Comentários