Criar web push com domínio próprio

Com o E-goi, pode enviar notificações instantâneas (denominadas "web push") usando o domínio do seu próprio site.

É excelente para captar e fidelizar as pessoas que visitam o seu site através do Chrome, Firefox, Safari ou Opera.

A primeira coisa a fazer é configurar e colocar o convite no site. Depois, basta criar a mensagem que quer enviar. Os visitantes que tiverem aceitado o convite verão a mensagem no próprio browser (ou até se já tiverem fechado o browser)!

 

 

Como criar web push com domínio próprio

Passo 1: Criar a app web com o seu domínio

Este passo é feito fora do E-goi. Pode seguir as indicações abaixo ou pedir a ajuda de um programador :)

Trata-se de aceder ao Firebase, uma funcionalidade da Google, para criar facilmente a app web com o domínio do seu site.

Através dela, vai obter um código JSON e um documento da chave privada que deverá colocar depois ao adicionar a app web no E-goi.

 

  • Configurar Firebase (Código JSON)

1) Entre em https://firebase.google.com/ e depois clique em Go to console, no canto superior direito.

2) De seguida clique em Create a project. Escreva o nome do projeto e avance escolhendo as opções que fazem sentido no seu caso.

3) Ficará dentro do projeto que acabou de criar. Nessa página, clique no símbolo < / > para criar uma app web dentro do projeto.

 

4) Escreva o nome e clique em Register app. Desça ao fundo da página e clique em Continue to the console.

5) Vai entrar na página do projeto novamente. Nela terá acesso à app web que acabou de criar, clique na roda dentada dela.

 

6) Vá ao fundo da página para visualizar a app web criada. Ao chegar à área do SDK setup and configuration clique em Config. Vai precisar de copiar e colar esse código no E-goi no passo 2 deste artigo.

 

  • Gerar chave privada do Firebase

7) Na mesma página do ponto 6, suba e abra a aba Service accounts. Depois clique em Generate new private key. Vai gerar um documento que deverá adicionar no E-goi no passo 2 deste artigo.

 

Mais tarde, se for necessário, pode aceder aos seus projetos Firebase entrando nesta página: https://console.firebase.google.com/

 

 

Passo 2: Adicionar a documentação da app web no E-goi

Já criou a app web, agora vai inserí-la no E-goi.

Neste passo vai colocar o código JSON e o documento da chave privada gerado no passo 1 acima.

1) Clique no menu Captar/Capturar e depois em Web push.

2) Depois, clique em Adicionar app e escolha Web push (domínio próprio)

3) Escreva o seu site e escolha a lista de contatos onde ficarão as pessoas que aceitem o convite.

4) Cole o código JSON e insira o documento da chave privada que gerou no passo 1 deste artigo.
Deve colocar apenas a parte do código que está entre as chavetas { }. Além disso, adicione aspas " " às palavras que antecedem os dois pontos, como pode ver na imagem.

 

5) Depois, escolha uma imagem para o seu convite.

6) Antes de finalizar esta parte, pode adicionar o Certificado para o Safari, se quiser que as notificações web push fiquem também disponíveis nesse browser.

Terminou? Avance para a criação do convite.

 

 

Passo 3: Criar o convite

Chegou o momento de ser criativo ;)

1) Escolha o tipo de convite:

  • Num ícone flutuante: O convite fica disponível através de um ícone com posição predefinida.
  • Numa janela: O convite aparece diretamente numa pequena janela.
  • Personalizado: O convite fica disponível através de um ícone que pode colocar no lugar que preferir no site.
     

2) Dependendo do tipo de convite terá opções diferentes de personalização: ícones, cores, textos, posição e comportamento. Além disso, pode também ativar a subscrição por email.

Quando finalizar, avance para o código que deverá colocar no seu site.

 

 

Passo 4: Colocar o convite no site

Neste passo terá os códigos necessários para colocar o convite no seu site.

  • Ficheiro/arquivo service worker: Deve ser inserido na raíz do site, acedendo ao seu serviço de hospedagem/alojamento.
  • Código: Coloque-o no mesmo local onde insere códigos de rastreio, como o do Google Analytics, por exemplo. Geralmente é colocado no HTML do rodapé do site.
  • Código para o ícone: Se optou pelo convite Personalizado terá também este código. Basta escolher onde quer colocar o ícone e colar o código num elemento ID ou tag do site.
     

Feito! ;)

 

 

Passo 5: Criar e enviar as notificações web push

Já tem o convite no seu site? Envie notificações para comunicar e fidelizar os seus visitantes.

 

 

Tenho subscritores via web push. Posso importá-los no E-goi?

Se tem Firebase, é possível fazer uma migração direta dos tokens. Assim, não é necessário que os seus contatos entrem no site para que essa migração aconteça.

Fale conosco pela área de Ajuda da sua conta :)

Other Articles