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:





Queremos criar melhores conteúdos:

Criamos uma pesquisa sobre o seu perfil profissional:
  1. Principais objetivos;
  2. Principais Problemas no seu dia a dia;
  3. Principais Alegrias.
Participe: Pesquisa Ramos da Informática – Queremos te conhecer melhor.

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:  Slack: Ferramenta que aumenta a produtividade de equipes

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>

LEIA TAMBÉM:  Modelo de contrato: Serviço de suporte a software

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.

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:  11 palestras sobre startups que todo empreendedor deveria assistir

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!

 

Quer receber conteúdos sobre Startups e Marketing Digital?

* Campos requeridos




votes
Article Rating

E-Zine Ramos da Informática

* indicates required

View previous campaigns.