Marketing para aplicativos móveis: o Smart App Banners

Marketing para aplicativos móveis: o Smart App Banners

10 de agosto de 2018 0 Por Ramos de Souza Janones

Insira banner no topo de seu site e de terceiros e promova seu App para usuários que navegam por smatphones de acordo com o sistema operacional e turbine o Marketing Digital de seu aplicativo.

Uma das melhores formas de marketing para aplicativos móveis é a utilização do 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. 

Leia também:

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:

Recomendamos a leitura:
- 14 Hábitos de Desenvolvedores Altamente Produtivos eBook Kindle
- Kwai dá dinheiro aos usuários, como ganhar?

Lançamento do jogo Returnal para PlayStation 5
Guia de Compras em PC Gaming

O Plugin Smart App Banner e turbine o Marketing Marketing para aplicativos

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“>

LEIA TAMBÉM:  Sucesso Apps – Parte 5 – Como Validar sua ideia de Startup?

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 é:

771141588?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.

Leia também:

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

Livros que recomendamos a leitura:
- Programando com Kotlin
- Inspirado: como criar produtos de tecnologia que os clientes amam
- Data science para negócios

Técnicas de Invasão: Aprenda as técnicas usadas por hackers em invasões reais
Python Fluente: Programação Clara, Concisa e Eficaz

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:

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

 

LEIA TAMBÉM:  Trecho de "Os Axiomas de Zurique" sobre risco

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. 

 

 » Startup e Sucesso

 

[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!

LEIA TAMBÉM:  Empreendedor X Tempo para crescer

 

Quer receber conteúdos sobre Startups e Marketing Digital?

* Campos requeridos




votes
Article Rating

Sumário
Promova seu APP em seu site e parceiros com o Smart App Banners
Nome do artigo
Promova seu APP em seu site e parceiros com o Smart App Banners
Descrição
Aprenda à inserir um banner no topo de seu site e de terceiros promovendo seu App para usuários que navegam pela internet por smatphones de acordo com o sistema operacional do aparelho do usuário.
Autor
Nome
Ramos da Informática
Logo