Blog

Notificações Push Web (desmistificadas)

Alguns dias atrás, juntamente com o lançamento da nossa nova linha de produtos PWA , publicámos algumas nas funcionalidades. Entre elas existe agora a opção de enviar notificações push para os usuários de Progressive Web Apps.

Notificações push web: que browsers são compatíveis?

https://blog.goodbarber.com/fr/docs/img/web-push-notification-browsers-supported-demystified.jpg
https://blog.goodbarber.com/fr/docs/img/web-push-notification-browsers-supported-demystified.jpg
Com a oferta Progressive Web App é agora possível enviar notificações push, as quais são recebidas diretamente no web browser do usuário. Esta funcionalidade é suportada pela maioria dos web browsers mais recentes, lista essa que está aumentando dia após dia.

A tabela abaixo oferece uma vista geral sobre os OS/browsers que conseguem receber notificações push . No nosso estudo, apurámos a última versão estável de cada um dos browser que analisámos.​
 
Todos os sistemas operativos (excepto o iOS, infelizmente), têm um web browser que permite a recepção de notificações push, o que são boas notícias. Tal como já expressámos anteriormente, os PWA’s são o futuro dos apps. Até a Apple parece estar a fazer um esforço para embarcar nesta tendência, tendo anunciado este verão que vão começar a trabalhar na utilização do Service Worker no Safari.

Os service workers são um elemento essencial que permite aos PWA’s oferecer uma experiência rica. Por exemplo, eles gerenciam a recepção de notificações push em todos s browsers listados no quadro acima. Todos, excepto o Safari, que utiliza um sistema proprietário que permite e recepção de pushes no OS X, mas não no iOS. A equipe responsável pelo desenvolvimento do Safari não indicou ainda se a recepção de notificações push será gerenciada por um service worker ou não, uma vez que eles sejam suportados. Esperamos que esse seja o caso, ou que seja ao menos providenciada uma alternativa para iOS.
 

Pré-requisitos necessários para o funcionamento

Se você tem curiosidade sobre como funcionam as notificações push, sugerimos que leia a página How Push Works na base de informações da Google. O conceito de enviar/receber notificações push está bastante bem explicado lá.

De forma a que as notificações push sejam recebidas, deve ser cumprido um conjunto de condições. 

Do seu lado, você deve estabelecer uma conexão entre o seu back office e os serviços terceirizados que são necessários para a distribuição de notificações. Para estabelecer esta conexão, você tem de gerar uma chave API/ou certificados, de forma a garantir a autenticidade das trocas entre os servidos da GoodBarber e os serviços de distribuição de notificações. Para o Chrome, Firefox e Opera, utilizamos o Firebase, que integra a plataforma Google. Para o Safari, usamos a plataforma APNs da Apple.

Do lado do utilizador final, não existe muito que necessita de ser feito, além de visitar o PWA a partir de um browser que tem capacidade de recepção push (ver a tabela acima) e, claro, aceitar a recepção das notificações push uma vez no site. 

Então, você poderá enviar notificações a partir do seu back office.

Recebendo e enviando notificações push

A partir da página Usuários > Push > Enviar, pode criar e distribuir suas notificações.

- esboce sua mensagem
- selecione a acção que tomará lugar quando a notificação é aberta. No exemplo da captura de tela abaixo, eu estou redirecionando meu usuário diretamente para a página que permite reservar uma mesa no meu restaurante.
- escolher a data de envio da mensagem, que pode ser imediato ou no futuro. Pode escolher ainda usar a hora local do usuário para o notificar.

Esta página indica o número de usuários (mais precisamente o número de browsers web) que irão receber a notificação.
Do lado do usuário a notificação será exibida no seu dispositivo. Os elementos visuais da notificação são customizáveis a partir do menu Construtor > Recursos e Ferramentas > Ícones. 

Entre os ícones, você encontrará um ícone de notificação. Ele deverá ser monocromático sobre um fundo transparente. No Android, ele é mostrado na barra de status do dispositivo ao receber a notificação. Quando você acessa os detalhes da notificação o logótipo do website também será mostrado.
O Progressive Web App permite a você distribuir o seu app através de um canal universal e gratuito: a web. Agora que este canal está equipado com notificações push, os PWA GoodBarber permitem a você manter a linha de contato com os seus usuários web.

Continue lendo

  4 min de leitura

Seu catálogo de imóveis da Meta agora aparece no app da sua imobiliária

Em resumo. Catálogo da Meta, mapa e Catálogo da Meta, anúncios são duas extensões da GoodBarber, o criador de apps sem código, que leem o catálogo “Home listings” de uma imobiliária, o feed XML que ela fornece à Meta para seus anúncios de imóveis. Catálogo da Meta, mapa preenche uma seção de mapa: cada imóvel com localização conhecida vira um marcador com sua própria página, ordenado por distância quando o app sabe onde o usuário está. Catálogo da Meta, anúncios preenche uma seção de artigos com os mesmos imóveis, do mais recente ao mais antigo. Você as conecta com o link do feed do seu catálogo. As duas são gratuitas para os apps Content.As imobiliárias montam esse catálogo para alcançar compradores e inquilinos onde eles passam o tempo. Os apps da Meta foram usados por 3,6 bilhões de pessoas por dia, em média, em junho de 2026, 3% a mais em um ano, segundo os resultados do segundo trimestre de 2026 da Meta publicados em 29 de julho de 2026. Veja como as duas extensões funcionam para uma imobiliária de Hamburgo.

  5 min de leitura

Mapas com as suas cores

Talvez você se pergunte o que um mapa com as suas cores muda de verdade. Aqui estão três exemplos, da coerência do seu design à história que você quer que o seu app conte.

  4 min de leitura

Seus eventos e campanhas da Givebutter agora aparecem no seu app

Em resumo. Givebutter Eventos e Givebutter Campanhas são duas extensões da GoodBarber, o app builder sem código, que leem as campanhas de uma organização na Givebutter. Givebutter Eventos preenche uma seção de agenda com os próximos eventos, com o horário no fuso horário do evento e com o local, a menos que você o compartilhe só com os participantes. Givebutter Campanhas preenche uma seção de artigos com os formulários e as páginas de arrecadação ativos, com a imagem de capa e a descrição. Você as conecta com uma chave de API da Givebutter. Elas são gratuitas para os apps Content: cada seção conta como uma das extensões incluídas no seu plano.Muitas doações já passam pela Givebutter. No Giving Tuesday 2025, os apoiadores doaram US$ 20 milhões pela plataforma, contra US$ 16,4 milhões em 2024, vindos de mais de 93.000 doadores em 16.000 campanhas ativas, segundo o balanço da Givebutter publicado em 8 de dezembro de 2025. Veja como as duas extensões funcionam para um abrigo de animais.