Como implementar sistema de notificação push Print

  • 0

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:

Tela de LOGIN do cPanel (campos Usuário e Senha + botão Log in)

Depois de logado, você verá a tela principal do cPanel — seu centro de controle:

Painel inicial (home) do cPanel com os grupos de ferramentas (E-mail, Arquivos etc.)

Passo 3: Acesse o Gerenciador de Arquivos

Vamos precisar editar arquivos do seu site. Para isso, clique em “Gerenciador de Arquivos” no grupo “Arquivos”:

Gerenciador de Arquivos — árvore de pastas (public_html etc.) e barra de ações

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:

Tela 'SSL/TLS Certificates' — emitir/instalar certificado SSL

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. 💙


Was this answer helpful?

« Back