Alefe Souza

Notificações push no WordPress com OneSignal

Há 2 weeks por

Hoje em dia é muito comum os sites oferecerem canais de notificações push para que o usuário siga engajado e melhorar a taxa de retorno.

Para isso existem vários plugins e hoje vamos falar sobre um deles, o OneSignal, ele é um serviço gratuito de notificações push no qual você pode utilizar em diversos tipo de projetos, tanto mobile quanto web, e possui um plugin WordPress que pode notificar seus visitantes a cada post novo e enviar notificações push manuais, nós também utilizamos ele aqui no site do iMasters.

O OneSignal não possui custo, independente do fluxo do seu site, e também atualmente é o serviço de push mais utilizado atualmente, sendo utilizado por empresas o Uber, Adobe, Zynga, dentre outros, como tudo que é bom, ele não é exatamente “de graça”, eles vendem dados de notificações push para anunciantes, provavelmente quantos usuários inscritos você tem, estatísticas de quantas pessoas clicaram em notificações, etc.

Ele também possui SDKs nativos para as plataformas mobile, e para soluções como Cordova, Xamarin, etc, nesse artigos abordaremos somente a configuração em sites WordPress, mas você pode conferir a documentação e todas as plataformas disponíveis clicando aqui.

Iniciando com OneSignal no WordPress

Para instalar o plugin do OneSignal no seu site, você pode acessar a área de plugins do seu site e pesquisar por “OneSignal”, ou então baixar o plugin dele diretamente na página do WordPress.org clicando aqui e fazer o upload no FTP do seu site.

Após instalar e ativar o plugin, você deverá criar sua conta no OneSignal, para isso, acesse o site clicando aqui, e clique em “LOG IN” no canto superior esquerdo, e então clique em “Sign up” no canto inferior da modal de login, então você pode se cadastrar utilizando sua conta do GitHub, Facebook e Google, ou então preencher o formulário de login.

Após criar sua conta, clique em “Add a new app”, dê um nome ao aplicativo, pode ser o nome do seu site por exemplo e clique em Create, após isso aparecerá uma tela de seleção da plataforma que você irá utilizar esse aplicativo, escolha Website Push e clique em Next.

Na próxima tela você deverá escolher qual navegador irá receber as notificações, escolha Google Chrome & Mozilla Firefox e então clique em Next, na tela seguinte você deverá por o domínio do seu site e escolher uma imagem padrão para aparecer na notificações, o recomendado é utilizar uma imagem 192×192.

Caso o seu site não seja HTTPS, marque a opção “My site is not fully HTTPS”, aparecerá uma caixa de texto na qual você pode escolher um subdomínio https do OneSignal para o usuário receber suas notificações, pois é um requisito dos navegadores as notificações push serem encriptadas, caso você precise dessa opção, guarde o endereço inserido pois precisará colocar nas opções do plugin no seu site depois.

Após isso clique em Save e aparecerá outra tela, nessa você precisa escolher qual SDK você irá utilizar, escolha WordPress e aparecerá essa tela com sua Rest API Key e App ID:

Deixa essa guia aberta e volte para o seu site, na barra lateral terá uma opção “OneSignal Push”, clique nela para ir para as configurações do plugin e então clique na aba Configuration, cole sua Rest API Key e App ID como na imagem a seguir, note que na imagem acima e Rest API Key é o primeiro dado, porém nas configurações do plugin ela é o segundo:

Caso você tenha marcado a opção “My site is not fully HTTPS” anteriormente, desmarque a opção “My sites uses an HTTPS connection (SSL)”, irá aparecer uma caixa de texto com a legenda “OneSignal Subdomain”, digite nela o subdomínio que você digitou anteriormente.

Caso você queira que seu site mostre automaticamente o prompt perguntando se ele deseja receber notificações do site, dê scroll até a opção “Prompt Settings & Notify Button” e habilite a opção “Automatically prompt new site visitors to subscribe to push notifications”, acho legal também desativar a opção “Enable the notify button” caso você não queira que o botão vermelho de notificações apareça.

Após isso é só salvar as configurações e pronto! Seu site já está habilitado para receber notificações push, você pode visitá-lo e permitir para receber notificações, isso funciona tanto no Chrome e Firefox desktop quanto na versão deles para Android (não funciona no iOS por culpa da Apple).

Para enviar uma notificação de post, basta deixar marcada a opção “Send notification on post publish” ao criar um novo post:

E então o visitante receberá um push como esse, que ao clicar já leva direto para o link do seu post:

Você também pode enviar notificações manualmente no item “New Message” na barra lateral do painel do OneSignal, no qual você também pode customizar o ícone e link da notificação.

folderCategoria: Uncategorized
labelTags:

Comentários