Guia para Implementar Notificações Push na Web, Sem Dependência de Fornecedor

Já ouviu falar do novo canal de engagement para os seus utilizadores de browser Mobile e Desktop – Notificações de Website?  Sabe o que são Notificações Push na Web? As Notificações Push na Web re-engajam os seus utilizadores e trazem-nos de volta ao seu website quando estão noutro lugar. Decide implementar isto no seu website e fica confuso com as várias opções disponíveis. Após o desastre do Parse, agora pergunta-se como pode garantir que não há dependência de fornecedor ao implementar Notificações Push para o seu website.

Ou está a ler isto porque o primeiro fornecedor com quem implementou não tomou precauções suficientes e ficou dependente, e agora os seus preços são demasiado altos. Verifique sempre as funcionalidades de notificação push oferecidas pelo provedor de serviços de notificação push na web. Caso queira migrar da plataforma de notificação push atual para outras, deve seguir os passos mencionados aqui.

Nós, na PushEngage, queremos escrever sobre isto abertamente. A transparência é um valor central nosso. Em segundo lugar, queremos que os nossos clientes fiquem connosco, por causa da experiência na nossa plataforma e não porque estão dependentes.

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

Site HTTPS

1. Certifique-se de que usa o seu Certificado Safari. ps: A Chave FCM não é necessária, pois usamos agora uma chave VAPID única desde agosto de 2018.
2. Certifique-se de que recolhe subscritores no seu domínio (ou seja, a permissão final é no seu domínio)

Site HTTP

1. Certifique-se de que usa o seu próprio Certificado Safari. ps: A Chave FCM não é necessária, pois usamos agora uma chave VAPID única desde agosto de 2018
2. Certifique-se de que recolhe subscritores no seu domínio, usando um Subdomínio Personalizado HTTPS.

Leia em frente para a versão detalhada.

Vamos começar e ver como integrar notificações push sem dependência de fornecedor.

Questões Básicas a Responder Antes de Publicar

1) O seu Website é HTTP ou HTTPS?

Tem um website HTTPS ou um subdomínio ou secção do website que seja HTTPS?

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

Se sim, então está num website HTTPS, caso contrário HTTP.  Para saber mais sobre HTTP ou HTTPS verifique o link da wiki aqui.

Porquê isto é importante: A subscrição e o envio de Notificações Push requerem um domínio HTTPS, portanto, se tiver o seu próprio, pode usá-lo. Mais tarde, veja que outros benefícios isto tem.

Se não tem um subdomínio HTTPS, fornecemos-lhe um subdomínio HTTPS alojado no nosso site, por exemplo, https://oseudominio.pushengage.com/. Este é então usado para subscrever utilizadores e enviar notificações push. Esta é a chave para alcançar portabilidade total num site HTTP.  Temos configurações de subdomínio personalizado como uma funcionalidade na nossa plataforma.

Que impacto tem este subdomínio nas suas notificações?

a) Durante a subscrição, os utilizadores do seu website verão este subdomínio,

Pop-up de Subscrição Nativo

b) Quando a mensagem for enviada, terá o URL do subdomínio exibido no Push – mesmo que possa direcionar o utilizador para qualquer URL no seu domínio.

Notificação de Exemplo

No caso acima, CouponRani.com usou o seu próprio subdomínio personalizado https://ping.couponrani.com que tinha https, e isto aparece nos pedidos de subscrição e notificações.

2) Dois Passos para Evitar o Bloqueio pelo Fornecedor ao Integrar Notificações Push

Passo 1 O PushEngage utiliza agora Vapid na sua plataforma. Cria uma chave vapid única para cada conta. Todos os seus subscritores push serão ligados a esta chave única. Assim, sempre que desejar migrar para outra plataforma, utilizando a chave vapid poderá importar todos os seus subscritores.

Como fornecedor, o PushEngage nunca bloqueia os clientes. Por isso, oferecemos chaves vapid para fácil portabilidade de subscritores push.

Se observar a arquitetura do Chrome para notificações push, requer código javascript de service worker a ser executado no navegador de um subscritor push. Este é ativado quando uma notificação é enviada para o navegador. Isto obtém então a notificação de um Servidor Push, que é frequentemente alojado pela plataforma que está a usar para lançar Notificações Push. Isto é alojado a partir do domínio HTTPS, que é usado para subscrição e notificação.

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

Passo 2: Assim, a segunda coisa necessária para evitar o bloqueio pelo fornecedor é usar o seu próprio subdomínio HTTPS ou um domínio HTTPS para estas notificações push. Mover um site completo para HTTPS dá algum trabalho, e embora seja aconselhável da perspetiva de SEO, ainda assim dá algum trabalho. Uma solução alternativa é ter apenas um subdomínio em HTTPS ou uma página no seu site em HTTPS.  Este é um passo importante que requer que recolha subscrições num domínio que esteja sob o seu controlo.

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

Agora identificou o domínio/subdomínio Onde & Como Irá Recolher Subscritores.

Assim, construímos um subdomínio personalizado como parte das funcionalidades padrão do produto

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

a) Comprar um certificado SSL
b) Configurar um domínio https://notify.yourdomain.com, e ativar um certificado SSL nesse domínio.  Precisará de configurar um mapeamento DNS para este domínio.
c) Depois, precisa de colocar os ficheiros de instalação do PushEngage no subdomínio
d) Inserir isto na configuração de Subdomínio Personalizado no PushEngage. Vá a Definições > Definições do Site > Subdomínio Personalizado

É tudo e estará ativo com Notificações Push sem bloqueio pelo fornecedor.

Seria bom verificar a sua configuração com a nossa equipa de suporte enviando um e-mail para [email protected]

Melhores Práticas para Gestão de Subscrições & Recolha de Opt-in de Push

Tenha em mente que, ao iniciar Notificações Push no seu website, começa com zero subscritores. Terá de adquirir subscritores lentamente e construir a sua lista, o que tem um enorme potencial de ROI. Agora que tem a certeza de não ficar preso ao fornecedor, comece a focar-se em aumentar a sua taxa de subscrição de push.

Assim, devemos identificar quais são as melhores formas de obter a subscrição do utilizador no seu site e como aumentar a sua taxa de opt-in.

Em geral, esperamos que o seu site obtenha uma taxa de subscrição/opt-in para Subscritores Push, pelo menos, igual à de Email. Acreditamos que isto se deve a duas razões:

• Não precisa de digitar nada ao subscrever Notificações Push. Um clique é mais fácil do que digitar numa caixa de texto.
• Tem controlo total sobre a sua subscrição de Notificações Push, pois pode cancelar a subscrição de Notificações Push para qualquer site através das definições do seu navegador.

Tipo de Opt-in de Subscrição a Utilizar

Como mencionado acima, para evitar o aprisionamento tecnológico, opte sempre pelo site HTTPS. Existem até 7 tipos diferentes de opt-in de notificação push. Além disso, para sites HTTPS, pode usar o opt-in de notificação push com maior conversão.

Como deve recolher uma subscrição? Se o seu site for totalmente HTTPS, verá apenas 1 pop-up nativo que aparece como abaixo.

Se apenas uma parte do website estiver em HTTPS, terá de usar outros elementos como um Pop-up, Sino, ou Barra Inferior, ou qualquer outro, que ao Permitir direciona para a versão HTTPS do website.

Para além de recolher subscritores numa lista global, deve pensar em segmentar os utilizadores e colocá-los em várias listas com base nas suas ações no site, localização ou qualquer outro atributo.  Podemos fazer isto usando segmentação automática e funcionalidade de segmentação personalizada no PushEngage.  Leia este post sobre como configurar isto.

Notificação de boas-vindas

Reconhece aos utilizadores que subscreveram com sucesso as Notificações Push para o seu website? Acreditamos que este pode ser um elemento importante da experiência do utilizador, pois os pop-ups de Notificação Push (uma abundância deles) podem ser confusos e uma notificação de boas-vindas reafirma que completaram com sucesso a subscrição. Numa palavra, isto é semelhante a um email de boas-vindas e confirmação de subscrição num email.

Usando Campanhas Drip Web Push, agora pode enviar uma Notificação de Boas-vindas, digamos 30 minutos após o utilizador ter subscrito. Isto pode ter mais impacto, pois chega quando o cliente deixou o site, mas eles lembram-se claramente do seu site e é um bom momento para os incentivar a realizar alguma ação.  Aqui está um exemplo de Drip de Boas-vindas enviado após 30 minutos.

Passos para entrar em produção com Notificações Push

Tendo decidido os aspetos chave da integração, agora pode entrar em produção com Notificações Push. Não mencionámos passos específicos para entrar em produção aqui, pois cada fornecedor é diferente. A maioria dos fornecedores exigirá que adicione código Javascript ao seu website. Para sites HTTPS poderá necessitar de instalar alguns ficheiros extra.

Exemplos de Campanhas de Notificações Push

Agora que está a recolher subscritores para reativá-los, que campanhas executa para os seus subscritores? Esta é uma pergunta ampla e a resposta depende do tipo de site que gere, mas vamos partilhar os tipos comuns de campanhas que estão a ser utilizadas –

A. Campanha de Alerta de Novo Artigo: Para a maioria dos sites de notícias, fornecer informação aos utilizadores a tempo é um dos fatores mais cruciais para o sucesso. Quer se trate de notícias de última hora, campanhas eleitorais, desporto ou da pandemia atual, eles precisam de atualizar os subscritores.

C. Alertas de Queda de Preço: Toda a gente procura o preço mais baixo. Mas como é que um cliente saberia que o preço caiu? Ative a campanha de alerta de queda de preço para atualizar automaticamente os utilizadores sobre qualquer queda de preço no seu produto favorito.

D. Alertas de Cupão/Oferta: As Notificações Push são entregues instantaneamente. Assim, pode facilmente executar uma venda flash ou uma venda por tempo limitado para aumentar a sua receita.

E. Alerta de Disponibilidade de Produto: Deve também atualizar os utilizadores quando o produto estiver de volta em stock. As Notificações Push permitem-lhe enviar notificações push automáticas ao utilizador quando o inventário for reposto.

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

Também pode consultar o guia de notificações push para criar diferentes campanhas para o seu website.

Resumo

Os primeiros resultados indicam que a Notificação Push Web é um canal de ROI elevado e em rápido crescimento, pelo que deve definitivamente experimentá-la para o seu website. Como as Notificações Push Web são um novo padrão, espere muitas novas funcionalidades e alterações. Ao pensar em ativar o seu website com notificações Push, implemente-o de forma a que lhe deixe mais flexibilidade.