A instalação do PWA é um evento de conversão. Trate-o como um.
Fazer com que os usuários instalem seu Progressive Web App é fundamental para o engajamento. De acordo com o Google, os PWAs instalados geram 4x mais visualizações de página, duração da sessão 80% mais longa e taxas de conversão 3x mais altas em comparação com o uso baseado em navegador. Mesmo assim, as taxas de instalação de PWA são em média de apenas 3-5% sem otimização. Fluxos de instalação otimizados podem aumentar as taxas de instalação em 15-20% ou mais. A chave é entender quando e como solicitar a instalação dos usuários com base em seu comportamento e sinais de engajamento.
Na x13apps, otimizamos a instalação e o envolvimento do PWA para máxima adoção do usuário. Aqui está nossa estratégia.
O manifesto do aplicativo da web
O manifesto do aplicativo web (manifest.json) controla como seu PWA aparece quando instalado. Propriedades essenciais do manifesto: nome (nome completo do aplicativo para tela inicial), short_name (12 caracteres para rótulo da tela inicial), ícones (192x192 e 512x512 PNG), start_url (a página que abre quando o aplicativo é iniciado), display (autônomo para experiência semelhante a um aplicativo sem navegador cromado), theme_color (cor da barra de ferramentas), background_color (fundo da tela inicial) e orientação (orientação de tela preferencial). Cada propriedade afeta se os navegadores oferecem instalação e como o aplicativo aparece após a instalação.
Dicas de otimização de manifesto: forneça pelo menos 2 tamanhos de ícone (192px e 512px), use PNG com fundo transparente para ícones, defina a exibição como independente (não navegador), use uma cor de fundo distinta que corresponda à sua marca e garanta que start_url seja da mesma origem do seu aplicativo. Propriedades de manifesto inválidas impedem totalmente a instalação. Use a auditoria do Lighthouse PWA para identificar problemas de manifesto antes do lançamento. Teste a instalação em dispositivos reais: o que funciona no Chrome DevTools pode se comportar de maneira diferente em um dispositivo real.
Solicitações de instalação inteligentes
Nunca acione o prompt de instalação imediatamente quando os usuários chegarem. Eles ainda não conhecem seu aplicativo. Em vez disso, use BeforeInstallPromptEvent para controlar quando mostrar o prompt de instalação. Rastreie sinais de envolvimento do usuário que indicam a prontidão da instalação: tempo no site (2+ minutos), páginas visitadas (3+ páginas distintas), visitas recorrentes (2+ sessões) e principais ações de conversão (compra concluída, conta criada). Os usuários que atendem a mais de 2 desses critérios têm 3 vezes mais probabilidade de instalar do que os usuários solicitados imediatamente.
Crie uma UI de instalação personalizada em vez de depender do prompt padrão do navegador. Projete um banner de instalação no aplicativo que: explique o benefício (salvar para uso offline, acesso mais rápido), apareça em um ponto de interrupção natural (após a conclusão de uma ação, não durante a integração), forneça uma frase de chamariz clara com um botão e possa ser dispensado sem ocultação permanente (permitir nova solicitação após visitas subsequentes). As UIs de instalação personalizadas convertem de 2 a 3 vezes a taxa de solicitações padrão do navegador, de acordo com estudos de caso do Google.
Engajamento pós-instalação
A instalação é o começo, não o fim. Os PWAs instalados devem fornecer valor contínuo para evitar a desinstalação. Implemente recursos que aproveitem os recursos do PWA: notificações push (reengaje os usuários com atualizações relevantes), sincronização em segundo plano (conclua as ações do usuário mesmo depois que eles saírem) e acesso offline (permita o uso durante falhas de conectividade). As notificações push de PWAs atingem taxas de cliques de 30 a 40%, em comparação com 1 a 3% para e-mail. Mas o uso excessivo leva à desinstalação. Limite de 2 a 3 notificações por semana, a menos que forneça valores urgentes, como atualizações de pedidos ou lembretes de compromissos.
Rastreie métricas de engajamento pós-instalação: usuários ativos diariamente, frequência de sessões, taxas de retenção (dia 1, dia 7, dia 30) e taxa de desinstalação. Se as taxas de desinstalação excederem 10% em 30 dias, avalie se seu aplicativo fornece valor contínuo suficiente. Pesquise usuários desinstalados sempre que possível para entender por que eles saíram. Implemente a detecção de banner de aplicativos da web para oferecer reengajamento quando os usuários retornarem ao seu site após a desinstalação. Na x13apps, criamos PWAs que os usuários optam por instalar e manter. Para mais, leia nossoGuia de estratégias offline do PWA.