Como criar uma notificação Web push?

As notificações Web push permitem chegar aos contatos de uma maneira completamente nova. Eles exibirão sua notificação no navegador de uma pessoa que concordou com as notificações. Essa pessoa não precisa ser um assinante para recebê-las.

As notificações push são um recurso gratuito que pode influenciar suas conversões, mas também informar as pessoas sobre notícias em suas páginas, alertá-las ou lembrá-las sobre seu site. Ele permite que você alcance mais pessoas e exiba notificações que podem ser redirecionadas para um site de sua escolha.

O que são notificações via web push?

Notificações Web push são notificações que podem ser enviadas a um usuário através de um navegador web desktop e de um navegador web móvel. As notificações Web push são entregues na tela da área de trabalho ou do celular de um usuário a qualquer momento que ele tenha seu navegador aberto – independentemente de o usuário estar ou não no site.

Como funciona o Web Push?

Um serviço push recebe uma solicitação de rede, valida-a e entrega uma mensagem push para o navegador apropriado. Se o navegador estiver offline, a mensagem é enfileirada até que o navegador seja aberto. Clique aqui para obter mais informações.

  • Você tem que criar um site na GetResponse que conterá suas notificações, bem como a URL e a imagem.
  • Você tem que instalar um script de rastreamento em seu website e um funcionário de serviço no servidor de seu website.
  • Suportamos todos os navegadores principais, com exceção do Safari e Internet Explorer 11.
  • Recomendamos vivamente a criação de um prompt personalizado antes que o prompt de permissão do navegador nativo seja exibido. Ele informará aos seus visitantes que você pode enviar-lhes notificações se eles concordarem. Ele aumenta sua taxa de conversão e também,alguns navegadores podem bloquear o prompt do navegador nativo caso não houvesse interação prévia com o site. Além disso, o prompt personalizado pode aumentar as assinaturas de suas notificações.

Prompt Personalizado:

Custom prompt.

Prompt Nativo:

Native prompt.

Como criar um site?

Para criar um site:

  1. Ir para Menu > Web push notifications.
  2. Clique em Criar site.
    Create site.
  3. Forneça um nome para seu site (até 150 caracteres).
  4. Forneça o URL exato de seu website. Este deve ser o URL exato que aparece no navegador. Seu site deve suportar HTTPS para enviar notificações. Caso contrário, você precisará configurar um certificado SSL para seu site.
  5. (Opcional) clique em Adicionar uma imagem se você quiser adicionar um ícone. Essa seria uma imagem padrão exibida em todas as suas notificações e prompts personalizados. Pode ser o seu logotipo ou um ícone de marca.
  6. Clique em Adicionar site e continue.

Você pode adicionar apenas um domínio ou subdomínio como seu site, por exemplo:

  • https://examplo.com
  • https://subdomain.examplo.com

Não é possível usar um diretório como seu site, por exemplo:

  • https://examplo.com/diretório
  • https://subdomain.examplo.com/diretório

O próximo passo é configurar seu website.

  1. Clique em Copiar código para copiar o código de rastreamento. Adicione o código de rastreamento ao site onde você deseja exibir as notificações. Ele precisa ser colocado na seção principal do site.
  2. Clique em Download do arquivo do prestador de serviços para fazer o download do prestador de serviços. Instale-o no diretório raiz do seu site em seu servidor. Peça ajuda a seu desenvolvedor web se você mesmo não estiver à vontade para fazer isso.
  3. Quando as pessoas optarem por participar, o funcionário de serviço será baixado para seu navegador. Se eles se inscreverem, então poderão receber suas notificações. Coisas a ter em mente:
  • Você precisa ter HTTPS para implantar o trabalhador de serviço.
  • Não renomeie o arquivo.
  • O arquivo deve apontar para a mesma origem do site (seu domínio).
  1. Clique em Finish para concluir a configuração de seu site.

Você sempre terá acesso ao código de rastreamento e ao funcionário de serviço.
Nota: o código de rastreamento é único para cada site, portanto não pode ser reutilizado em sites diferentes.

Para fazer isso:

  1. Ir para Menu > Web push notifications.
  2. Clique em Obter código e trabalhador de serviços.

Como posso gerenciar meu site?

Para gerenciar seu site:

  1. Ir para Menu > Web push notifications.
  2. Passe o cursor sobre o menu de ações (elipse vertical).
    Lá você pode:
  • Editar o seu site.
  • Obtenha o código e o trabalhador de serviço.
  • Criar prompt.
  • Criar notificação.
  • Remover (só é possível se não houver notificações ativas).

Nessa tela, você também verá quantas pessoas são assinantes das notificações naquele website.

Como criar um prompt?

Ao criar uma solicitação, você está sempre criando uma solicitação personalizada. O prompt nativo é criado automaticamente e não pode ser editado, pois é uma solicitação diretamente do navegador para enviar notificações.

Tenha em atenção que:

  • Não é possível editar ou remover o prompt nativo do navegador.
  • Você pode prever como o prompt aparecerá. A aparência do prompt pode ser diferente entre navegadores e sistemas operacionais.
  • Você o encontrará em Permitir prompts, juntamente com quaisquer prompts personalizados que você tenha criado.

Você pode criar um prompt personalizado para que seu website aumente os assinantes e as conversões.

Nota: você pode criar mais prompts, mas somente um pode estar ativo de cada vez.

To create a custom prompt:

  1. Ir para Menu > Web push notifications.
  2. Passe o cursor sobre o menu de ações (elipse vertical) e selecione Criar prompt.
    Create a prompt.
  3. Digite um nome interno para seu prompt (até 150 caracteres).
  4. Digite sua mensagem de solicitação (até 128 caracteres). Crie uma mensagem personalizada para incentivar as pessoas a se inscreverem. O prompt personalizado aparece antes do prompt nativo.
  5. Forneça o texto para o botão de confirmação e escolha sua cor.
  6. Forneça o texto para o link de cancelamento e escolha sua cor. Uma prévia de seu prompt será exibida no lado direito.
  7. Clique em Salvar para finalizar a configuração do prompt personalizado.
  8. (Opcional) clique em Pré-visualizar para ver como será o prompt nativo.
  9. Clique em Salvar e ativar para ativar o prompt criado (enquanto desativa o prompt atualmente ativo) ou Salvar progresso para salvar seu progresso sem ativar o prompt.

Você poderá ver quantas pessoas viram seus avisos e quantas interagiram com eles. Para o prompt nativo, você poderá ver quantas pessoas se inscreveram. Para o prompt personalizado, você poderá ver quantas pessoas visualizaram o prompt nativo, o que significa quantas pessoas aceitaram o prompt personalizado. Isto permitirá que você compare a eficácia dos diferentes prompts. Você também será capaz de verificar quantos visitantes se inscreveram através de um prompt personalizado.

Como posso gerenciar meus pedidos?

Para gerenciar os seus pedidos:

  1. Ir para Menu > Web push notifications.
  2. Clique sobre o nome do seu site.
  3. No guia Avisos de permissão, você pode desativar o aviso
  4. Para gerenciar o prompt, passe o mouse sobre o menu de ação (elipse vertical) ao lado de seu prompt personalizado. Aí você poderá fazê-lo:
  • Editar o seu prompt.
  • Remove-lo (só é possível se não tiver sido exibido o prompt).

Como criar uma notificação?

Notificação é uma janela que é exibida diretamente nos desktops e telas móveis de seus assinantes. Eles podem alertar as pessoas que optaram por suas notificações sobre o que está acontecendo em seu site. Você pode anunciar o lançamento de um produto, uma venda, ou informá-los sobre novos conteúdos.

Nota: diferentes navegadores e dispositivos podem ter diferentes limites de caráter. Se você quiser que a notificação seja boa para todos os assinantes, é melhor não criar notificações muito longas, pois elas podem não ser exibidas por completo.

Para criar uma notificação:

  1. Ir para Menu > Web push notifications.
  2. Passe o cursor sobre o menu Ações (elipse vertical) e clique em Criar notificação.
  3. Forneça um nome interno para sua notificação (até 150 caracteres).
  4. Clique em Editar para editar o conteúdo da notificação.
    Notification content.
  5. Digite o título da notificação (até 250 caracteres). Use uma frase atraente ou seu nome de marca.
  6. (Opcional) adicionar o texto da notificação (até 250 caracteres). Use-o para compartilhar mais detalhes sobre o que você está promovendo, informar seus assinantes de notificação sobre mudanças, ou notificá-los sobre a execução de vendas ou novos produtos.
  7. ((Opcional) carregue uma imagem para a notificação. Você pode usar: .JPEG, .JPG, .PNG, .GIF, .WEBP, .ICO, .CUR, .BMP até 10MB. Para melhores resultados, use uma imagem quadrada de pelo menos 196 x 196 px.
  8. (Opcional) Forneça a URL de destino para a qual as pessoas serão redirecionadas após clicarem em sua notificação.
  9. À direita, você poderá ver a visualização de sua notificação e testá-la no navegador. A pré-visualização será aplicada ao navegador Google Chrome no MacOS, Windows, e Android. Para outros navegadores e sistemas operacionais, pode haver diferenças visuais. A pré-visualização é puramente informativa, pois pode haver diferenças em determinados dispositivos. Para testar como a notificação funcionará em seu sistema, clique em Pré-visualizar no navegador. Você será solicitado a concordar em receber notificações.
  10. Clique em Salvar esta etapa para finalizar a configuração do conteúdo..
  11. Você poderá visualizar seu público (quantas pessoas assinaram sua notificação).
  12. Você pode clicar em cancelar, salvar rascunho para usar a notificação posteriormente, ou enviar a notificação para enviá-la imediatamente. Nota: para enviar a notificação imediatamente, você precisa de pelo menos uma permissão para enviar notificações (um assinante da notificação).

Você será redirecionado para a página de Notificação. Lá você poderá ver o status da notificação, quando a notificação foi criada e enviada, quantas notificações foram enviadas, entregues e clicadas.

Como posso gerenciar minhas notificações?

Para gerenciar os seus pedidos:

  1. Ir para Menu > Web push notifications.
  2. Clique sobre o nome do seu site.
  3. Na aba Notificações, passe o mouse sobre o menu de ações (elipse vertical) onde você pode:
  • Ver sua notificação.
  • Duplicar.

Para uma notificação que não foi enviada ou é um rascunho, você tem a opção de fazê-lo:

  • Editar.
  • Remover.

Recursos populares