Habilitar notificações push no blogger [parte 3/3]


Vamos a terceira e ultima parte do tutorial de como habilitar as notificações push no blogger.



3- Zapier

O que é o Zapier? Ele é um serviço que interliga serviços, isso é, ele em nosso caso faz a análise do feed e caso tenha alteração ele pega essa ova informação e envia para o OneSignal.

Acesse a página do Zapier: https://zapier.com/
Realize seu cadastro após logar clique na aba Explore e no campo "Search for any app name ..." escreva clique e escreva "rss by zapier"; e clique no ícone que aparecer. 
Aba Explore e busque por rss by zapier
Após clicar ele irá ficar marcado baixo, vamos buscar agora por "onesignal" clique nele também é os dois irão ficar marcados abaixo:
OneSignal e Rss by Zapier selecionados
Com os dois marcados abaixo role a tela para baixo na caixa que está escrito "Send OneSignal push notifications for new RSS items" clique em "Use this Zap":
Clique no "Use this Zap"
Será aberta uma nova aba, e nela que iremos criar e configurar o nosso novo app no Zapier, nela está explicando como irá funcionar esse app, basta clicar em Create this Zap.
Clique em Create this Zap

Na próxima tela clique em Continue, essa tela apenas informa que será enviado uma notificação push a cada novo item no feed;
Clique em Continue
Aqui você deve colocar o link do feed do seu site, caso não saiba o feed do blogger funciona da seguinte maneira:
https://www.bulfaitelo.com.br/feeds/posts/default
http://URL do seu site/feeds/posts/default
Em resumo é só abri a homepage de seu site e adicionar "/feeds/posts/default"
Para testar basta colar em seu navegador que irá receber um XML e no Firefox irá ver o RRS feed:
Rss Feed do Firefox
Com o feed adicionado basta clique em Continue
Com o feed adicionado basta clicar em Continue
A próxima tela irá informar como a análise do feed irá funcionar, é um resumo dos dados colocados, aqui basta clicar em Fetch & Continue, para iniciar o teste do Rss Feed.
Clique em Fetch & Continue
Se tudo estiver ok irá informa Test Successful!, agora basta clicar em Continue, tenha gerado algum erro, revise essa parte do passo a passo.
Test Successful! Basta clicar em Continuar
A configuração do Zapier é feita em 2 partes o feed o qual irá analisar e o aonde ele irá enviar essas informações no nosso caso o OneSigal. Na tela que aparecer basta clicar em Continue:
Clique em Continue
Vamos conectar a nossa conta do OneSignal dentro do Zapier e para isso clique em Connect a New Account:
Clique em Connect a New Account
Irá abri uma nova janela pedindo o OneSignal App ID e OneSignal App REST API Key, essas informações estão lá no OneSignal na aba Keys & IDs onde pegamos o appId para o Script do Blogger:
Keys & ID do OneSignal
Nessa nova janela iremos colocar em App ID o valor de OneSignal App ID e OneSignal App REST API Key o valor de REST API Key, e clique em Yes, Continue:
Coloque o App ID, OneSignal REST API Key e clique em Yes, Continue
Agora clique em test ao lado de OneSignal Account #1, para verificarmos se o Zapier está acessando o OneSignal, se der Success clique em Save + Continue, caso tenha dado algum erro revise os dados de OneSignal App REST API Key e REST API Key:
Resultado do teste.
Essa tela aqui definiremos quais campos serão enviados na notificação, existem 3 campos, conteúdo da notificação, título e Link que será direcionado quando clicar na notificação, para definir os campos bata clicar no sinal de + no lado esquerdo de cada campo.
  • The content of the notification.
    • Recomendo colocar uma mensagem estática, por exemplo: "Clique aqui e saiba mais!". 
    • Aqui tem uma pegadinha que demorei a pegar, eu estava colocando como descrição o conteúdo do post, porem se o conteúdo for muito grande ocorre um erro, então optei por colocar uma mensagem padrão e genérica para não ocorrer esse erro novamente.
  • The title of the notification.
    • Recomendo deixar como está: "Title" (ele pega o título do post).
  • The link that will be opened when the notification is clicked. 
    • Aqui recomendo alterar para: "Link Alternate".
Fazendo essas alterações clique em Continue:
Verificando os campos, e clique em Continue

Será exibido novamente um resumo da configuração se tudo estiver certo clique em Create & Continue:
Clique em Create & Continue
Ele irá fazer uma análise e um teste o qual ira verificar seu feed e publicar uma notificação Push pelo OneSignal. Recomendo que você mesmo tenha se inscrito em seu site para visualizar esse teste.
Agora basta clicar em Finish para finalizar:
Finalmente acabamos! Clique em Finish
A nova tela uma irá exibir uma "animação" da sua aplicação sendo ativada, basicamente só fechar a aba, que terminamos toda a configuração! A partir de agora toda postagem que fizer em seu blog automaticamente será enviada uma notificação push para os seus inscritos. Certamente se você se inscreveu em meu blog irá receber uma assim que eu publicar essa matéria!

E se você achou útil esse post não deixe de compartilhar com seus amigos na redes sociais e caso tenha encontrado algum erro em alguma das partes por favor comente para que possamos corrigir!


Habilitar notificações push no blogger [parte 1/3]

Habilitar notificações push no blogger [parte 2/3]




E para não perder nenhuma novidade nos sigam nas redes sociais:
Twitter: @Bulfaitelo
Facebook: Bulfaitelo Project
Blogger: Bulfaitelo Project
Share on Google Plus

About Thiago Rodrigues

Formado em Sistema de Informação pela Faculdade Paraíso
O que falar de mim? Não á muito, mas garanto que meu objetivo aqui é somente ajudar!
Atualmente desenvolvendo o projeto do QiEstudo.

Comentários
1 Comentários

1 comentários:

  1. Antes de mais nada Obrigado por comentar (graças a você vi que não tinha colado o js que fiz traduzido), mas para colocar a esquerda basta adicionar esse parâmetro:
    position: 'bottom-left', /* Either 'bottom-left' or 'bottom-right' */

    Também Recomendo olhar a segunda parte para ver o código completo e traduzido que fiz.

    ResponderExcluir