O que é Barra de Anúncio?
A barra de anúncio, também chamada de announcement bar, hello bar ou barra de notificação, é uma faixa horizontal fixada no topo ou na base do site com uma mensagem curta. Ela aparece em todas as páginas do site ou em um conjunto delas, sempre com pouco texto e, em geral, um link.
O formato existe para comunicar uma informação que vale para qualquer visitante, independentemente da página em que ele entrou. Regra de frete grátis, cupom da campanha, prazo de entrega em datas especiais, aviso de manutenção: tudo isso cabe na barra.
A barra de anúncio ocupa espaço nobre, logo acima da dobra, e por isso concorre com o conteúdo principal da página. A regra prática é uma mensagem por vez. Quando a barra acumula avisos ou fica meses com o mesmo texto, os visitantes aprendem a ignorá-la e o espaço vira decoração.
Como funciona na prática?
A implementação é simples: um bloco fixo no topo do layout, presente em todo o site. As decisões importantes estão em quatro pontos.
O primeiro é a mensagem. Ela precisa caber em uma linha no celular e comunicar o benefício direto, com números quando existirem, como o valor mínimo do frete grátis.
O segundo é a ação. A barra funciona melhor quando leva a algum lugar, como a página de categoria da promoção, e quando o cupom pode ser copiado com um toque.
O terceiro é o comportamento. Ela pode ser fixa durante a rolagem ou ficar apenas no topo, e pode ter botão de fechar, com a escolha memorizada por um período.
O quarto é a segmentação. A mesma barra pode mudar de mensagem conforme a origem do visitante, o dispositivo ou o valor já colocado no carrinho de compras. Cada versão vira hipótese para teste A/B.
Barra de anúncio vs pop-up: qual a diferença?
| Aspecto | Barra de anúncio | Pop-up |
|---|---|---|
| Interrupção | Não bloqueia a navegação | Cobre a tela e exige ação |
| Espaço | Uma faixa fina, sempre visível | Área grande, temporária |
| Uso típico | Aviso permanente da campanha | Captura de e-mail, oferta de saída |
Veredito: a barra sustenta um aviso constante de baixa interrupção e o pop-up busca atenção imediata a um custo maior de incômodo.
Exemplos de uso
- Uma loja de cosméticos exibe “Frete grátis acima de R$ 199 para todo o Brasil” e leva para a página de mais vendidos.
- Um e-commerce de moda ativa a barra “Últimas horas: 20% off com o cupom VERAO20” durante uma campanha de fim de semana.
- Uma loja de eletrônicos usa a barra em dezembro para informar a data limite de compra com entrega antes do Natal.
Erros comuns
- Empilhar duas ou três barras e empurrar o conteúdo real da página para baixo.
- Manter a mesma mensagem por meses até virar parte do cenário.
- Anunciar um prazo que nunca acaba, o que corrói a confiança na comunicação da loja.
- Esquecer do celular, onde a mensagem quebra em três linhas e come metade da tela.
- Criar barra sem link, obrigando o visitante a procurar sozinho o produto anunciado.
Perguntas frequentes sobre Barra de Anúncio
A barra de anúncio prejudica o SEO?
O elemento em si é um bloco comum de HTML. O cuidado é com espaço e desempenho: uma barra pesada, que empurra o conteúdo principal para fora da área visível ou desloca o layout durante o carregamento, afeta a experiência do visitante e pode piorar métricas de página no celular.
A barra deve ficar no topo ou na base?
O topo é a posição mais comum e a mais visível na entrada. A base compete menos com o conteúdo e, no celular, fica perto do polegar. As duas opções são válidas, e a decisão sobre qual usar na sua loja sai de um teste comparando as versões com o mesmo público.
Devo permitir fechar a barra?
Permitir fechar respeita quem já leu o aviso e reduz o incômodo em visitas repetidas. Quando a barra tem botão de fechar, vale memorizar a escolha por um período em vez de reexibir a cada página. Avisos operacionais críticos podem ficar fixos até a situação se resolver.