Alefe Souza
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:
Há 1 year por

Captura de Tela (253)

Several people ask me “What site (or course) do you learned programming?”, the answer is clear, none.

I’m in a hurry when I want to learn something new, and I was an objecting in my mind when I was 13 years old, build a complex Google Chrome extension, which several people could use, so I started to build the DescicloApp, an Google Chrome extension to the Uncyclopedia portuguese version, aiming to facilitate the article creation, in its first version was nothing than a basic links, but you need to start with a simple thing if you want to create something big.

 

DescicloApp1

I build it in a little more than one week, before it I did build Google Chrome themes and other simple extensions, so I knew the Chrome extension structure, I never really liked Hello Worlds (most simple thing to do with something in programming), so I saw the Pixlr extension style and liked it (apparently the extension that I use isn’t in the Web Store anymore), then I found a way to copy it’s source code and started to remove any code that I don’t want, I can say that I learn programming doing this in several projects, downloading a source code and removing anything that I don’t want, remaining just what I need, but always verifying if still working, if not it’s just use the old friend CTRL+Z (when I gave programming tips for someone I usually say that the ; (semicolon) is the greatest enemy of them hahaha)

After I have only what I need from that project, I study the code and try to understand what do what, and from that time I start to research a lot, but a lot, I researched thing link “how to open links in new tab javascript”, for an experient programmer it’s obvious, but for a beginner not, since when I study JavaScript at 13 years old, Java and PHP at 17 years old, and C# at 18 years old, I almost found someone that has my doubt, and it was there, at Google StackOverflow, it’s amazing the amount of code that I take from there, in the old days my projects was a kind of puzzle, which the pieces I taked in several StackOverflow answers, but when you research the same thing a lot of times you end up memorizing (in my work I started to play with WordPress, and when I made this website I noticed that I already had memorized the main functions).

Was basically in that way that I learned programming, learning in that way requires a lot of free time, but from my 13 years old to my 18 years old I pratically just go to the school, the rest was was free time that I used in Wikipedia to learn computing history and study programming (in my teenager I never be a fan of games, animes, series, etc, I just wanted to learn about computing).

When I was 19 years old I got my first job gaining an full programmer brazilian salary although I think it was a little for what I know, but is accept or become unemployed hahaha and I’m very proud for what I do, until today I lose myself in Wikipedia reading about important people of computing, softwares and programming languages, and I try to pass my weekends (now I work and I do college, no free time) trying to do my own projects, or programming objectives, I learned and continue to learn in that way, have an objective, start, research, test, conclude, or if don’t know how to start, just copy open source thing and remove what you don’t want hahaha.

Of cource do it could be complex for some people, because it a recommend the Codecademy for them learning programming, I learned just Ruby there (which I don’t remember pratically anything becausa I learned but not used…), I liked that site and I saw everyone said the same.

In my CV was HTML and Java courses, but I started to learn years before, I can say that the HTML course I just learned how to create tables, and in the Java cource I learned… nothing (becausa I already know all the content), I just do to have it in my CV, in courses I learned PHP and C#, that last I learned in a presencial course that I earn from the proper Microsft (the test to earn was just answer question about its products and programming logic, the first I knew a lot thanks to the time in Wikipedia hahaha).

folderCategoria: Programação
labelTags: , , , ,