Web Push Notifications: Uma Nova Estratégia

Você já notou que alguns sites estão enviando notificações para os usuários através do navegador? Essa estratégia está sendo usada por criadores e disseminadores de informação para se relacionar com o cliente. Se você pedir a opinião dos desenvolvedores sobre que recursos importantes os dispositivos móveis têm a mais que a web, as notificações por push (ou Web Push Notifications) estão sempre no topo da lista.
Notificação:Caixa de notificação
Essas notificações são enviadas através do navegador (Chrome ou Firefox), mesmo que você esteja fazendo uma outra atividade na internet. Elas são conhecidas como Push notifications, e são usadas para engajar os usuários de um determinado site, mantendo-os sempre atualizados sobre novos conteúdos.
A Push API e a Notification API abrem um novo mundo de possibilidades para você envolver os usuários novamente.

Duas tecnologias

Push e notificação usam APIs diferentes, mas complementares: o push é invocado quando um servidor fornece informações a um service worker, já uma notificação é a ação de um service worker ou script de página web de exibir informações a um usuário.

Service Workers 

Um service worker é um script que seu navegador executa em segundo plano, separado da página da Web, possibilitando recursos que não precisam de uma página da Web ou de interação do usuário. Essa API é muito interessante porque permite experiências off-line, oferecendo aos desenvolvedores controle total sobre a experiência. No futuro, os service workers permitirão outras ações como sincronização periódica ou geolocalização. Se você ainda não os conhece bem, dê uma olhada na introdução aos service workers.
Antes do service worker, havia outra API que proporcionava aos usuários uma experiência off-line na Web, denominada AppCache. Os principais problemas com AppCache são o número de armadilhas que existem, bem como o fato de que enquanto o design funciona particularmente bem para apps da Web de uma única página, ele não é tão bom em sites de várias páginas. Os service workers foram projetados para eliminar esses pontos negativos comuns.
O push se baseia em service workers por eles operarem em segundo plano. Isso significa que o código executa uma única vez para uma única notificação por push (em outras palavras, a bateria é usada uma única vez), que é quando o usuário interage com uma notificação clicando nela ou fechando-a.
Características importantes de um service worker:
  • É um JavaScript Worker. Portanto, não consegue acessar o DOM diretamente. Em vez disso, um service worker pode se comunicar com as páginas que controla respondendo a mensagens enviadas pela interface postMessage. Essas páginas podem manipular o DOM, se necessário.
  • O service worker é um proxy de rede programável, permitindo controlar como as solicitações de rede da página são tratadas.
  • Ele é encerrado quando ocioso e reiniciado quando necessário novamente. Isso significa que não se pode confiar no estado global dentro dos gerenciadores onfetch e onmessage de um service worker. Para informações que devem ser persistidas e reutilizadas entre reinícios, os service workers podem acessar a IndexedDB API.
  • Os service workers fazem uso intensivo de promessas. Entenda o que são as Promessas.

Web Notifications

Push notification é uma tecnologia que tem origem nos aplicativos mobile. Se você tem um smartphone, com certeza já foi impactado por algum push antes.
Quando você está no seu smartphone e recebe um aviso de um novo email na sua inbox, ou quando um amigo seu comenta em uma foto sua no Facebook, você está sendo impactado pelo push notification daquele aplicativo.
Quando surgiu na web: O Chrome habilitou essa tecnologia em março do ano passado. Portanto, é um canal ainda muito novo, mas já consagrado no mobile. O Firefox foi outro grande navegador que habilitou essa funcionalidade ainda no começo de 2016.

As possibilidades de uso para web são várias – e tudo vai depender do contexto do seu negócio.
Push vs email: o push notification tem um objetivo diferente do email, e o uso de um não substitui o do outro. Não há muito segredo, com o push você envia notificações e avisos curtos para seus inscritos, enquanto que no email você pode realizar uma comunicação mais extensa e completa.
As notificações possuem uma grande restrição, suas mensagens devem conter no máximo 100 caracteres, o que faz com que elas precisem ser sempre objetivas e sucintas.

Possibilidades 

As possibilidades de uso são várias, tudo depende da sua criatividade. Considerando que você já tenha um conhecimento básico sobre seu público-alvo, comece definindo um objetivo para você. O uso será para gerar mais conversão ou tráfego ?
Dicas de como você pode usar o push no seu site:
  • Atualização/novidades: você pode usar o push como um canal extra para distribuição dos conteúdos ricos produzidos por você. Avise os visitantes do seu site e redirecione eles para uma página de destino;
  • Ecommerce: se você tem um ecommerce, crie uma segmentação que notifica o que abandonaram no carrinho antes da compra;
  • Novos produtos/promoções: Product Hunt é um site que usa o push para notificar a base sobre aplicativos mais votados do dia;
  • Atualizações em geral: aplicativos web também podem usar a tecnologia do push para notificar os usuários sobre alguma atualização ou oferta específica. Exemplo: se você possui um restaurante que aceita pedidos pela internet, você pode criar uma notificação sobre o momento em que um pedido está pronto para entrega.

Enviando um Push

A configuração da ferramenta é feita de forma simples, mas é necessário um entendimento intermediario de Java Script e HTML. No geral, são algumas linhas de códigos que precisam ser inseridas no <header> do seu site ou através de um plugin (caso você utilize WordPress).
As listas de contatos são compostas por números e letras que são armazenadas no cookie do navegador, e então usadas para o envio da notificação. É possível importar e exportar essas listas de contato (caso você queira trocar de ferramenta) mas, para isso, é necessário configurar o código GCM (mais informações no link). A conta GCM permite que você armazene a sua lista de contato em uma conta própria.
Depois de fazer esse setup inicial, você já pode começar a configurar algumas funcionalidades da ferramenta em si:

Opt-in da Ferramenta

Funcionalidades do PushCrew

Há duas formas de gerar inscritos no web push: (1) através do opt-in nativo do seu navegador e (2) através de um opt-in desenvolvido pela ferramenta usada (no caso acima, o PushCrew Box).

Opt-in Nativo

Existem algumas diferenças entre o opt-in nativo com o opt-in da ferramenta, entenda:
Não é possível editar os textos e nem inserir imagem no opt-in nativo (até o momento, mas é possível que surjam atualizações no futuro).
O opt-in nativo também exige que seu site esteja com o protocolo HTTPS configurado; esse protocolo é necessário para habilitar as notificações. Com a ferramenta não é necessário, pois uma solução é feita pela própria.

 

O opt-in da ferramenta é uma ajuda para sites que ainda não migraram de protocolo. Basicamente, a ferramenta disponibiliza uma página de destino com domínio HTTPS, usada para registrar cada conversão.
A desvantagem é que essa página de destino adiciona um passo extra na conversão. Devido a isso, o opt-in da ferramenta possui uma taxa de conversão menor do que o opt-in nativo.
Se o seu site possui o protocolo HTTPS configurado, é recomendado o uso do opt-in nativo.

Enviar Notificações

Há três formas de enviar as notificações: via integração com o RSS (automatizando o envio), de forma manual ou por agendamento. O setup necessário para enviar uma notificação é simples, exigindo:
  • Título: no máximo 48 caracteres;
  • Mensagem: no máximo de 100 caracteres;
  • URL: página de destino (Landing Page);
  • UTM: parámetros de UTM para você acompanhar os resultados no Google Analytics (acesse AQUI para saber mais);
  • E outras opções avançadas como: imagem, segmentação, agendar publicação e auto-hide.

Ferramentas disponíveis

 O PushCrew, Aimtell, OneSignal e SendPulse são algumas dessas ferramentas. As diferenças são poucas; no geral, todas essas ferramentas oferecem as mesmas funcionalidades, variando mais no pricing.
Funcionalidades geralmente oferecidas:
  • Opt-in box ou opt-in nativo;
  • Notificações para mobile e navegador;
  • Notificação de boas-vindas;
  • Segmentações (no caso do PushCrew, a segmentação é feito via API, não pelo dashboard);
  • Estatísticas no geral (tanto para inscrição como para envio de notificação e taxas de engajamento).

Planos

A One Signal e a Pushcrew são duas ferramentas com plano freemium. As duas ferramentas são boas, mas o plano free da One Signal possui menor restrições de uso.
O modelo de negócio das ferramentas pode variar; algumas possuem planos que levam em consideração o número de subscribe (PushCrew, Aimtell, SendPulse), e outras, através da quantidade de notificações enviadas (Aimtell, SendPulse).
O Push Notification é uma ferramenta nova e promissora, tem capacidade e está se tornando um novo canal de aquisição relevante (se bem usado).
Os negócios de nicho, com públicos mais específicos, são os que mais se beneficiam do push notification, segundo o Blog RD. Ele se torna uma ótima ferramenta quando o foco é engajar com o público do seu site.

Fonte:Resultados Digitais

Gostou do post ? Então siga as nossas redes sócias:

Facebook – Twitter

11 Comentários
  1. Amy 6 meses atrás

    Howdy! This blog posat could noot bbe writen anyy better!
    Goin throuygh thi article remijds me off myy previous roommate!

    He alwzys kwpt talkking abouut this. I’ll forard
    this post tto him. Faidly certain he’ll havee a very
    goood read. Maany thankms ffor sharing! Heyy there!

    I’ve been following youir site for a hile noow aand finally got the bravery to go ahbead andd
    gibe you a shyout out froim Lubbockk Tx! Justt wanted tto telll yoou keep up the fawntastic job!
    Hi, I ddo tuink this is a geat weeb site. I stumbgledupon itt 😉 I mmay revusit yyet aain sinbce i
    have savved as a favorrite it. Money andd freedom iss thhe greatestt wayy to change,
    may yoou bee rich andd conbtinue too guire others. http://foxnews.co.uk

    • Autor
      Hitalo Servolo 6 meses atrás

      thank you

  2. Monika 5 meses atrás

    This website was… how do you say it? Relevant!!
    Finally I have found something which helped
    me. Thanks a lot! http://elite-project.co.ke/index.php/component/k2/itemlist/user/9189

    • Autor
      Hitalo Servolo 5 meses atrás

      Thank you very much for the comment I’m happy to have helped

  3. 4rx 5 meses atrás

    Maintain the remarkable work !! Lovin’ it! http://bit.ly/2p7LTKb

    • Autor
      Hitalo Servolo 5 meses atrás

      Certainly, thank you!!

  4. Hello! I just would like to give you a huge thumbs
    up for your great information you have here on this post.
    I will be coming back to your web site for more soon.

    • Autor
      Hitalo Servolo 5 meses atrás

      Thank You

  5. Brent 5 meses atrás

    I have been surfing online more than 2 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for me.
    In my view, if all webmasters and bloggers made good content as you did, the net will be much more
    useful than ever before. http://garde-a-vue-lmavocats.com/index.php/component/k2/itemlist/user/3260

    • Autor
      Hitalo Servolo 5 meses atrás

      Thank you, I’m glad you liked it.

  6. stickpage bowman 3 4 meses atrás

    WOW just what I was looking for. Came here by searching for contemplative

Envie uma Resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

*

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Enviando

© [2017] Blog da Inovação - Tecnologia, Criatividade, Inovação .

Fazer login com suas credenciais

Esqueceu sua senha?