Enviando uma push notification

A push notification é uma mensagem enviada pelo aplicativo para o dispositivo móvel do usuário, para enviar comunicados, promoções e instigá-lo a acessar o aplicativo.  As notificações podem conter emojis e imagem, além de direcionar o usuário para locais específicos do app (como uma PLP ou PDP). Utilizamos o Google Firebase para dispará-las, o passo a passo será descrito a baixo.

 

Criação de uma nova campanha de Push Notification

1. Para iniciar a configuração de uma nova notificação, é preciso acessar o Firebase, clicar no módulo "Messaging", no menu lateral esquerdo, e depois em "Nova Campanha"
   
2. Selecione a opção "Notificações" e você será direcionado para o painel de configurações da notificação
   
3. Faça o preenchimento do campo "Título". Lembre-se que objetivo é capturar a atenção do usuário, de modo a despertar o interesse imediato pela mensagem. Você também pode incluir emojis para deixá-la mais atrativa
   
4. Preencha o campo "Texto da Notificação" com uma frase que explique ou complemente o título de forma resumida e objetiva
   
5. (Opcional) Insira uma imagem no campo "Imagem de notificação" (insira o endereço da imagem ao invés de enviá-la ao firebase pelo botão de upload). As imagens inseridas aparecem na lateral direita da notificação (a resolução máxima recomendada para a imagem é de 720x240px, com até 1MB), conforme exemplo abaixo:
   
6. Faça o preenchimento das informações de segmentação para escolher o público que receberá a notificação. Primeiro escolha a segmentação por sistema operacional do celular (Android e/ou iOS) e, se desejar, clique em "e" para selecionar outras opções de segmentação, conforme o exemplo abaixo:
   
   
   Obs.: mais informações sobre a criação de audiências podem ser encontradas nesse artigo
7. No item “Programação”, você pode escolher o momento em que a notificação será disparada. É possível fazer o disparo manual, escolhendo a opção “Agora” ou fazer o disparo programado. Para agendar o disparo, basta escolher a opção "Programado” e selecionar uma data e hora para disparo único, ou uma das opções de programação de notificações recorrentes (Diária ou Personalizada)
   Obs.: importante ressaltar que na opção de programar para uma data futura, o fuso horário utilizado em geral, será o (GMT-03:00) Horário São Paulo/Brasília.
8. (Opcional) É possível configurar eventos de conversão. Escolha qual evento o usuário precisa realizar dentro do app após o clique na notificação. Os eventos exibidos serão os mesmos já configurados no Firebase (para saber quais são, basta acessar o módulo "Events", no menu lateral esquerdo)
   
9. Na etapa 5, “Outras Opções”, apesar de aparecer como opcional, é uma configuração obrigatória para que a push seja disparada e chegue aos usuários. Para que se configure corretamente o destino da interação, é necessário preencher os campos abaixo conforme as orientações:
   • Canal de notificações: preencha com o texto "high_importance_channel"
     
   • Na coluna “Chave”, da seção de “Dados personalizados”, preencha com os termos: click_action, body, title, destination, destinationId
     
   • Na coluna “Valor”, da seção de “Dados personalizados”, preencha conforma as instruções abaixo:
     • click_action: insira o texto FLUTTER_NOTIFICATION_CLICK
     • body: insira o mesmo texto da notificação que você colocou na etapa 1
     • title: insira o mesmo texto do título da notificação que você colocou na etapa 1
     • destination: insira qual o destino que você deseja dar para o clique na notificação, as opções são:
       • collection 
       • category
       • product
       • search
       • link
       • webview
       • apppage (quando destino for uma Landing Page)
       • cart (não necessita de destinationId)
       • caso o direcionamento seja para home, não adicione esse campo.
   • destinationId: insira o ID da VTEX do destino escolhido ou termo a ser buscado. Ex: se no campo destination você colocou "collection" no campo destinationId você vai inserir o ID dessa coleção na VTEX. (Caso o direcionamento seja para home do app, não adicione esse campo).
   • Quando o destino for uma Landing Page, este campo deve ser preenchido com o ID da Landing Page configurado no CMS. Obs.: direcionamento para uma subcategoria, basta colocar uma "/" barra entre os ids. Exemplo: 1/6/10.
   • Quando a push tiver como destino uma Landing Page, é necessário adicionar um campo nessa etapa com a chave pageDestination e o valor landing-page.

10.  Ainda na seção “Outras Opções”, a alternativa "Som” pode ser marcada como “Ativado” para que o usuário seja notificado de forma sonora ou “Desativado” para que o usuário não receba notificação sonora

11. Para finalizar e publicar a notificação, clique no botão "Revisar" e confira o conteúdo da notificação configurada para garantir que as informações estão corretas. Para finalizar o envio, basta clicar em “Publicar” e a notificação será enviada da maneira configurada no passo a passo acima listado

Caso fique com alguma dúvida, você pode enviar um e-mail para [e-mail].