Como Implementar um Sistema de Notificação Push com a GeHost
Olá, amigo(a) desenvolvedor(a) ou empreendedor(a) digital! Seja bem-vindo(a) ao nosso Sensei da GeHost — seu guia fiel no mundo da tecnologia, com paciência, calor humano e passos simples. Hoje vamos aprender, juntos, como ativar notificações push no seu site ou aplicativo, mesmo que você não tenha experiência técnica. É mais fácil do que parece!
Dica do Sensei: Notificações push são essas mensagens que aparecem no celular ou no navegador quando algo importante acontece no seu site — como um novo post, um pedido no e-commerce ou uma atualização de sistema. Elas aumentam o engajamento com seu público!
Passo 1: Entenda o que é necessário
Para usar notificações push, você precisa de dois elementos principais:
- Um site com tecnologia moderna (HTML5, JavaScript).
- Um serviço de notificação que envie as mensagens — como o Pusher, OneSignal ou Firebase.
Não se preocupe! A GeHost não vai te obrigar a usar um serviço específico. Vamos usar uma solução simples, segura e que funciona com qualquer hospedagem.
Passo 2: Acesse o Painel de Controle (cPanel)
Primeiro, faça login na sua conta da GeHost:
Depois de logado, você verá a tela principal do cPanel — seu centro de controle:
Passo 3: Acesse o Gerenciador de Arquivos
Vamos precisar editar arquivos do seu site. Para isso, clique em “Gerenciador de Arquivos” no grupo “Arquivos”:
Selecione a pasta public_html (ou a pasta do seu site) e clique em “Entrar”.
Passo 4: Adicione o código de notificação push
Na pasta do seu site, localize o arquivo principal do seu site — geralmente index.html ou home.php. Clique com o botão direito e escolha “Editar”.
Em seguida, copie e cole este código dentro da tag <head> do seu arquivo:
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
window.OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "SEU_ID_AQUI",
autoRegister: true,
notifyButton: {
enable: true,
}
});
});
</script>
Importante: Substitua SEU_ID_AQUI pelo ID que você receber do serviço de notificação (como OneSignal). Esse passo é essencial — sem ele, as notificações não funcionam.
Passo 5: Ative o acesso ao serviço de notificação
Volte ao cPanel e acesse o “SSL/TLS Certificates” (em “Segurança”) para garantir que seu site está seguro com HTTPS — requisito obrigatório para notificações push funcionarem:
Se você ainda não tem SSL, clique em “Instalar” e siga as instruções. Isso garante que seu site seja seguro e aceite notificações.
Passo 6: Teste e confirme
Depois de salvar as alterações, acesse seu site em um navegador (em um celular ou computador). Você deverá ver um botão de permissão para receber notificações — algo como:
“Quer receber notificações do site?” — clique em “Permitir”.
Se tudo der certo, você já está pronto para enviar notificações push! Basta usar a plataforma do serviço (como OneSignal) para enviar mensagens diretamente para seus visitantes.
Dica Final do Sensei
As notificações são poderosas, mas use com responsabilidade. Envie mensagens úteis, relevantes e com frequência moderada. Assim, seu público vai adorar receber notificações — e não vai desativar.
Se precisar de ajuda, não hesite em nos procurar. Aqui na GeHost, você não está sozinho(a). Estamos com você, a cada passo. 💙