Promova seu APP em seu site e parceiros com o Smart App Banners

Smart App Banners é uma forma inteligente de divulgar seus Apps em sites. Permite inserir um banner no topo de seu site promovendo o App de sua empresa em seu site para usuários que navegam pela internet por smatphones, sendo uma excelente forma de divulgar seus aplicativos a estes visitantes de acordo com o sistema operacional do aparelho do usuário. Sendo, portanto, uma excelente ferramenta para divulgação de Apps. 

Neste tutorial vamos ensinar tanto para iOs quanto para Android

Neste artigo você vai aprender a criar o seu próprio banner de divulgação de seu App com o Smart App Banner. Como mostra a imagem a seguir:

O Plugin Smart App Banner

No exemplo da imagem no inicio deste artigo você pode ver o plugin Smart App Banner no site Feliz Navidapp. Você precisa conhecimentos de HTML para instalar e configurar seu próprio banner em seu website.

Smart App Banner para iOS

Para exibir o banner a qualquer um visitante que abra seu site utilizando um iPhone com o iOS (iPhone, iPod ou iPad) você só precisa inserir a seguinte linha de código dentro do elemento head de seu site:

<meta name=”apple-itunes-app” content=”app-id=myAppStoreID“>

Você precisa substituir o myAppStoreId com o seu App Id. Você pode encontrar este ID no endereço de download na App Store. Por exemplo, a URL de Download do Feliz Navidapp na App Store é:

https://itunes.apple.com/us/app/feliz-navidapp-felicita-la/id771141588?mt=8

Então o ID é: 771141588. E o código, neste exemplo, ficara desta forma:

<html>
<head>

<meta name=”apple-itunes-app” content=”app-id=771141588″>

<head>

<html>

Para mais informações veja a documentação (em inglês): complete reference of Apple Smart App Banners.

Smart App Banner para Android

Não há um suporte nativo para Android do Smart App Banners, mas você pode usar uma biblioteca do jQuery plugin para fazer em dispositivos Android.

Primeiro, faça o download do plugin e faça o upload para o seu servidor: jquery.smartbanner.css e jquery.smartbanner.js.

Então você deve incluir o código a seguir dentro de sua head:

<meta name=”google-play-app” content=”app-id=com.package.android”> rel=”stylesheet” href=”/path/a/jquery.smartbanner.css” type=”text/css” media=”screen”>

Modifique o caminho para do arquivo jquery.smartbanner.css de acordo com o caminho do arquivo em seu servidor. Substitua o package name com.package.android com o seu package name de sua aplicação. Você pode encontrar o package name de sua aplicação na url de download de sua App no Google Play:

https://play.google.com/store/apps/details?id=com.adianteventures.adianteapps.feliz_navidapp

Em seguida insira o código a seguir dentre da body de seu site:

<!– copy body –>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js”>
<script src=”/path/a/jquery.smartbanner.js”>
<script type=”text/javascript”>
$().smartbanner();
</script>
<!– end copy body –>

Você também deve atualizar a rota do arquivo jquery.smartbanner.js

Tudo deve ficar parecido com o código a seguir:

<html>
<head>
<!– copy head –>
<meta name=”google-play-app” content=”app-id=com.adianteventures.adianteapps.feliz_navidapp”>
<link rel=”stylesheet” href=”jquery.smartbanner.css” type=”text/css” media=”screen”>
<!– end copy head –>
</head>
<body>

<!– copy body –>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js”>
<script src=”jquery.smartbanner.js”></script>
<script type=”text/javascript”>
$().smartbanner();
</script>
<!– end copy body –>
</body>
</html>

Sua SITE Inteligente e faça parcerias com outros sites

 

Se você fez tudo corretamente agora você pode divulgar seu aplicativo móvel em seu site e até mesmo em múltiplos sites de parceiros utilizando o que foi mostrado neste artigo. 

Se você gostou deste artigo, vai gostar deste:7 E-Books Indispensáveis sobre Marketing Digital

 

[GRÁTIS] Guia Completo Para Se Tornar um(a) Desenvolvedor(a) Full-Stack, Começando do ZERO!

Tenha em mãos este livro digital, onde irá lhe ensinar tudo sobre as principais tecnologias web e você dar o ponta-pé inicial no Universo Full-Stack!

 

 

 

Ramos de Souza Janones

Janones, é um empreendedor brasileiro apaixonado por empreendedorismo e tecnologia. Ao longo dos anos trabalhando com o desenvolvimento de softwares desktop desde a linguagem Clipper, passando pelo Delphi e atualmente com Java.

Optou pela formação de Publicidade e Marketing por sua segunda empresa de tecnologia ter participado do "boom" da internet nos anos 90 e na procura de melhorar seus conhecimentos em negócios.

Em razão da principal formação e profundos conhecimentos em programação e banco de dados, é capaz de realizar o desenvolvimento de aplicativos web, desktop e mobile com maior criatividade e inovação que profissionais de desenvolvimento com uma formação única e mais especifica, dedicada somente ao desenvolvimento de softwares.

Com toda sua experiência com empresas de software, sua formação e paixão por negócios escreveu o livro "Marketing para Empresas e Profissionais de Software", publicado pela editora carioca Ciência Moderna em 2012. Além de outros livros sobre programação.

Últimos posts por Ramos de Souza Janones (exibir todos)

Share this post

scroll to top