Como implementar banners de aplicativos inteligentes em um site para promover downloads de aplicativos

Anonim

Você notou como alguns sites promovem seu próprio aplicativo para download quando você visita o site enquanto navega pelo Safari em um iPhone, iPad ou iPod touch? Isso é feito por meio de um pequeno menu pop-up que aparece na parte superior do Safari ao navegar em alguns sites com iOS 6 em diante, e é feito por meio de algo chamado “Smart App Banners”. Se você ainda não viu isso na web, veja como fica no topo de um site:

Estes são surpreendentemente fáceis de implementar, tudo o que é necessário é a adição de uma nova tag na seção de páginas da web que faça referência ao ID do aplicativo, assim:

Substituindo “” pelo app-id apropriado, que, se você for um desenvolvedor, quase certamente já conhece. Para desenvolvedores da Web, você pode obter o ID do aplicativo conhecendo o link iTunes/App Store, que contém o ID do aplicativo na sequência de URL. Pesquisar no Google o aplicativo do cliente, como "Nome do aplicativo App Store", geralmente é suficiente para encontrá-lo instantaneamente.

Por exemplo, este é o link para o aplicativo Kayak (aplicativo escolhido porque seu site móvel usa banners de aplicativos inteligentes):

https://itunes.apple.com/us/app/kayak/id305204535?mt=8

Neste caso, “305204535” é o código do app-id que precisaria ser inserido na metatag acima mencionada.

A Apple possui documentação detalhada sobre isso, confira a biblioteca do desenvolvedor para obter mais informações.

Esta dica será realmente muito útil para desenvolvedores da web e desenvolvedores de aplicativos, e qualquer outra pessoa que tenha seu próprio aplicativo e seu próprio site, onde eles gostariam de solicitar aos usuários que baixem esse aplicativo . Para aqueles com sites e sem aplicativos, definir o Apple Touch Icon é igualmente importante, pois controla o que um usuário vê ao marcar um site como favorito na tela inicial do iOS. Isso é apenas uma questão de adicionar um arquivo chamado “apple-touch-icon.png” ao diretório principal do site, embora todos devam reservar um tempo para criar uma versão pronta para retina desse ícone de toque.

Dirige-se à MarketingLand para a ideia da dica.

Como implementar banners de aplicativos inteligentes em um site para promover downloads de aplicativos