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

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

2- Blogger

Agora vamos para a segunda parte do tutorial, colocando as notificações push no Blogger, aqui irei facilitar bastante a vida de vocês, pois já vou compartilhar o Script completo traduzido e pronto, para copiar e colar em seu código, serão necessárias apenas pequenas alterações.

Acesse o blogger, vá na aba Tema, antes de seguir com a edição do código realize o Backup do tema do seu blogger, clicando em Fazer backup/Restaurar e depois Fazer Download do Tema.

Clique em Tema no menu lateral esquerdo


Clique em Fazer backup/Restaurar

Clique em Fazer download do tema

Após o backup vamos editar o HTML da página e para isso clique em Editar HTML

Clique em Editar HTML

Irá carregar uma tela cheia de códigos XML e HTML aqui tenha bastante atenção pois uma simples alteração de < > pode quebrar seu site inteiro, nessa tela procure pela tag </head> (pode ser usar o Ctrl+f);

Cole o código acima do </head>

O </head> é onde finaliza o cabeçalho da página, acima dele que iremos colar o seguinte código:
Nesse código precisaremos editar apenas algumas linhas:

appId: "Aqui entra o OneSignal App ID",
subdomainName: 'bulfaitelo-project',
safari_web_id: 'Aqui entra o Safari  Web ID',   
siteName: 'Bulfaitelo Project',

appId:
Pegaremos essa informação na página do OneSignal na aba de Keys & IDs e lá teremos as informações necessárias, (não feche essa aba iremos utilizar novamente).

OneSignal App ID e REST API Key

subdomainName:
Aqui entra o nome do subdomínio que colocamos na configurarão do Chrome / Firefox, Exemplo: "bulfaitelo-project" coloque o você definiu em sua aplicação.

safari_web_id:
Quando criamos o app para o Safari ele gera um Web ID, basta colar todo o seu conteúdo nesse campo.

siteName:
Aqui basicamente é o nome do seu site, no meu caso é Bulfaitelo Projetc.

Após editar esses campos salve o tema clicando em Salvar Tema e vamos testar.

Clique em Salvar tema

Volte na página inicial de seu site e repare o sino na lateral esquerda, e a informação para se inscrever nas notificações desse site:

Sino de notificação do OneSignal

Perguntando se permite receber notificações

Após um longo caminho chegamos perto do fim. Você deve estar se perguntando ainda tem mais? Eu digo que sim! Agora qualquer visitante pode acessar seu site pode ser inscrever para receber as notificações de novos posts (ou qualquer mensagem que quiser mandar).
Porem ainda não existe nada que diga para o OneSignal que existem novos post em seu blog aqui que entra o Zapier e sua leitura de Feed.

E vamos para a ultima parte do post.

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

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

Se vocês gostaram desse Post não deixe de compartilhar com seus amigos!!!
E para não perder nenhuma novidade nos sigam nas redes sociais:
Twitter: @Bulfaitelo
Facebook: Bulfaitelo Project
Blogger: Bulfaitelo Project

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.