Guia para Implementar Notificações Push da Web, Sem Fidelidade a um Fornecedor

Você já ouviu falar sobre o novo canal de engajamento para usuários de navegadores Mobile e Desktop – Notificações de Site?  Você sabe o que são Notificações Push da Web? Notificações Push da Web reengajam seus usuários e os trazem de volta ao seu site quando eles estão em outro lugar. Você decide implementar isso em seu site e fica confuso com as várias opções disponíveis para você. Após o malfadado Parse, você agora se pergunta como pode ter certeza de que não haverá fidelidade a um fornecedor ao implementar Notificações Push para o seu site.

Ou você está lendo isso porque o primeiro fornecedor com quem você implementou não tomou precauções suficientes e ficou preso, e agora os preços deles estão muito altos. Sempre verifique os recursos de notificação push oferecidos pelo provedor de serviços de notificação push da web. Caso você queira migrar da plataforma de notificação push atual para outras, você deve seguir os passos mencionados aqui.

Nós da PushEngage, queremos escrever sobre isso abertamente. Transparência é um valor central nosso. Em segundo lugar, queremos que nossos clientes fiquem conosco, por causa da experiência em nossa plataforma e não porque estão presos.

Se você está com pressa, aqui está um Resumo TL;DR

Site HTTPS

1. Certifique-se de usar seu Certificado Safari. ps: A Chave FCM não é necessária, pois agora usamos uma chave VAPID exclusiva desde agosto de 2018.
2. Certifique-se de coletar assinantes em seu domínio (ou seja, a permissão final é em seu domínio)

Site HTTP

1. Certifique-se de usar seu próprio  Certificado Safari. ps: A Chave FCM não é necessária, pois agora usamos uma chave VAPID exclusiva desde agosto de 2018
2. Certifique-se de coletar assinantes em seu domínio, usando um Subdomínio Personalizado HTTPS.

Leia adiante para a versão detalhada.

Vamos começar e ver como integrar notificações push sem fidelidade a um fornecedor.

Perguntas Básicas a Responder Antes de Publicar

1) Seu site é HTTP ou HTTPS?

Você tem um site HTTPS ou um subdomínio ou seção do site que está em HTTPS?

O que é HTTP ou HTTPS?  Se você verificar o URL do seu site, você vê o cadeado verde com Seguro como você vê no site PushEngage.

Se sim, então você está em um site HTTPS, caso contrário, HTTP.  Para saber mais sobre HTTP ou HTTPS, verifique o link da wiki aqui.

Por que isso é importante: A assinatura e o envio de notificações push exigem um domínio HTTPS, portanto, se você tiver o seu, poderá usá-lo. Mais tarde, veja quais outros benefícios isso traz.

Se você não tiver um subdomínio HTTPS, forneceremos um subdomínio HTTPS hospedado em nosso site, por exemplo, https://seudominio.pushengage.com/. Isso é então usado para assinar usuários e enviar notificações push. Esta é a chave para alcançar a portabilidade total em um site HTTP.  Temos configurações de subdomínio personalizado como um recurso em nossa plataforma.

Que impacto esse subdomínio tem em suas notificações?

a) Durante a assinatura, os usuários do seu site verão este subdomínio,

Pop-up de Assinatura Nativo

b) Quando a mensagem for enviada, ela terá a URL do subdomínio exibida no Push – embora você possa direcionar o usuário para qualquer URL em seu domínio.

Exemplo de Notificação

No caso acima, CouponRani.com usou seu próprio subdomínio personalizado https://ping.couponrani.com que tinha https, e isso aparece nas solicitações de assinatura e notificações.

2) Duas Etapas para Evitar Vendor Lock-In ao Integrar Notificações Push

Etapa 1 O PushEngage agora usa Vapid em sua plataforma. Ele cria uma chave vapid exclusiva para cada conta. Todos os seus assinantes de push serão vinculados a esta chave exclusiva. Portanto, a qualquer momento, se você quiser migrar para outra plataforma, usando a chave vapid você pode importar todos os seus assinantes.

Como fornecedor, o PushEngage nunca prende os clientes. Portanto, oferecemos chaves vapid para fácil portabilidade de assinantes de push.

Se você observar a arquitetura do Chrome para notificações push, ela requer que código javascript do service worker esteja em execução no navegador de um assinante de push. Isso é ativado quando uma notificação é enviada ao navegador. Isso então busca a notificação de um Servidor Push, que geralmente é hospedado pela plataforma que você está usando para lançar Notificações Push. Isso é hospedado a partir do domínio HTTPS, que é usado para assinatura e notificação.

Para que você possa migrar, mais tarde, você precisará da capacidade de substituir o código javascript do service worker, por um novo e apontar para o novo Servidor Push. Isso significa que você deve ter controle total sobre o subdomínio HTTPS.

Etapa 2: Portanto, a segunda coisa necessária para evitar o vendor lock-in é usar seu próprio subdomínio HTTPS ou um domínio HTTPS para essas notificações push. Mover um site inteiro para HTTPS exige algum esforço e, embora seja recomendável da perspectiva de SEO, ainda é um trabalho árduo. Uma solução alternativa é ter apenas um subdomínio em HTTPS ou uma página em seu site em HTTPS.  Esta é uma etapa importante que exige que você colete assinaturas em um domínio que esteja sob seu controle.

Exemplo: No caso do CouponRani, isso foi em https://ping.couponrani.com no exemplo acima.

Agora você identificou o domínio/subdomínio Onde e Como Você Coletará Assinantes.

Portanto, construímos um subdomínio personalizado como parte dos recursos padrão do produto

Para habilitar a configuração de subdomínio personalizado no PushEngage,  você precisa fazer o seguinte se você for um site HTTP

a) Compre um certificado SSL
b) Configure um domínio https://notify.yourdomain.com e ative um certificado SSL nele.  Você precisará configurar um mapeamento de DNS para este domínio.
c) Em seguida, você precisará colocar os arquivos de instalação do PushEngage no subdomínio
d) Insira isso em Configurações de Subdomínio Personalizado no PushEngage. Vá para Configurações > Configurações do Site > Subdomínio Personalizado

É isso e você estará ao vivo com Notificações Push sem vendor lock-in.

Seria bom ter sua configuração verificada com nossa equipe de suporte enviando um e-mail para [email protected]

Melhores Práticas para Gerenciamento de Assinaturas e Coleta de Opt-in Push

Lembre-se de que, ao iniciar as Notificações Push em seu site, você começa com zero assinantes. Você precisará gradualmente obter assinantes e construir sua lista, que tem um enorme potencial de ROI. Agora que você tem certeza de não ficar preso ao fornecedor, comece a focar em aumentar sua taxa de assinatura push.

Portanto, devemos identificar quais são as melhores maneiras de obter a assinatura do usuário em seu site e como aumentar sua taxa de opt-in.

Em geral, esperamos que seu site obtenha pelo menos a mesma taxa de assinatura/opt-in para Assinantes Push que para E-mail. Acreditamos que isso ocorre por dois motivos:

• Você não precisa digitar nada ao se inscrever para Notificações Push. Um clique é mais fácil do que digitar em uma caixa de texto.
• Você está no controle total de sua assinatura de Notificações Push, pois pode cancelar a inscrição em Notificações Push para qualquer site através das configurações do seu navegador.

Tipo de Opt-in de Assinatura a Usar

Como mencionado acima, para evitar vendor lock-in, sempre opte pelo site HTTPS. Existem até 7 tipos diferentes de opt-in de notificação push. Além disso, para sites HTTPS, você pode usar o opt-in de notificação push que mais converte.

Como você deve coletar uma assinatura? Se você tem um site totalmente HTTPS, verá apenas 1 pop-up nativo que aparece abaixo.

Se você tem apenas uma parte do site em HTTPS, precisará usar outros elementos como um Pop-up, Sino, ou Barra Inferior, ou qualquer outro, que ao Permitir direciona para a versão HTTPS do site.

Além de coletar assinantes em uma lista global, você deve pensar em segmentar os usuários e colocá-los em várias listas com base em suas ações no site, localização ou qualquer outro atributo.  Podemos fazer isso usando segmentação automática e o recurso de segmentação personalizada no PushEngage.  Leia este post sobre como configurar isso.

Notificação de Boas-Vindas

Você reconhece que os usuários se inscreveram com sucesso para Notificações Push em seu site? Acreditamos que este pode ser um importante elemento de experiência do usuário, pois os pop-ups de Notificação Push (uma abundância deles) podem ser confusos e uma notificação de boas-vindas confirma que eles completaram a inscrição com sucesso. Em certo sentido, isso é semelhante a um e-mail de boas-vindas e confirmação de inscrição por e-mail.

Usando Campanhas de Web Push por Gotejamento, agora você pode enviar uma Notificação de Boas-vindas, digamos, 30 minutos após o usuário ter se inscrito. Isso pode ter mais impacto, pois chega quando o cliente deixou o site, mas ele se lembra claramente do seu site e é um bom momento para incentivá-lo a realizar alguma ação.  Aqui está um exemplo de Gotejamento de Boas-vindas enviado após 30 minutos.

Etapas para ativar as Notificações Push

Tendo decidido sobre os aspectos chave da integração, agora você pode ativar as Notificações Push. Não mencionamos etapas específicas para ativar aqui, pois cada provedor é diferente. A maioria dos provedores exigirá que você adicione código Javascript ao seu site. Para sites HTTPS, você pode precisar instalar alguns arquivos extras.

Exemplos de Campanhas de Notificação Push

Agora que você está coletando assinantes para reengajá-los, quais campanhas você executa para seus assinantes? Esta é uma pergunta ampla e a resposta depende do tipo de site que você está executando, mas vamos compartilhar os tipos comuns de campanhas que estão sendo usadas –

A. Campanha de Alerta de Novo Artigo: Para a maioria dos sites de notícias, levar informações ao usuário a tempo é um dos fatores mais cruciais para o sucesso. Seja notícias de última hora, campanhas eleitorais, esportes ou a pandemia atual, eles precisam atualizar os assinantes.

C. Alertas de Queda de Preço: Todos procuram o menor preço. Mas como um cliente saberia que o preço caiu. Ative a campanha de alerta de queda de preço para atualizar automaticamente os usuários sobre qualquer queda de preço em seu produto favorito.

D. Alertas de Cupom/Oferta: Notificações Push são entregues instantaneamente. Assim, você pode facilmente executar uma venda relâmpago ou uma venda por tempo limitado para aumentar sua receita.

E. Alerta de Disponibilidade de Produto: Você também deve atualizar os usuários quando o produto estiver de volta ao estoque. Notificações Push permitem que você envie notificações push automáticas para o usuário quando o estoque estiver disponível.

F. Campanha de Abandono de Carrinho de Compras – Envie notificações direcionadas com base no abandono de carrinho no site móvel ou desktop

Você também pode conferir o guia de notificações push para criar diferentes campanhas para o seu site.

Resumo

Os primeiros resultados indicam que a Notificação Push da Web é um canal de alto ROI e de rápido crescimento, então você definitivamente deve experimentar isso em seu site. Como as Notificações Push da Web são um novo padrão, espere muitos novos recursos e mudanças. Ao pensar em habilitar seu site com notificações Push, implemente-o de forma que lhe deixe com mais flexibilidade.