Esporte ao Vivo
Placar do Brasileirão
em tempo real no seu site
Widget de placar ao vivo do Brasileirão para blogs, portais e sites de futebol. Instala em 2 linhas de HTML. Zero dependências. Atualização automática via SSE.
Pare de perder visitantes para sites concorrentes que já exibem o placar em tempo real. Adicione o widget mais leve do mercado e aumente o tempo de permanência do seu público.
Widget real · Dados reais, atualizado a cada 2 minutos
Seu site de futebol está
perdendo visitantes agora mesmo
Durante uma rodada do Brasileirão, milhões de torcedores abrem o celular para checar o placar. Se o seu site não exibe essa informação em tempo real, eles fecham a aba em segundos — e vão para o concorrente que exibe. É simples assim.
dos usuários abandonam um site esportivo que não tem placar ao vivo durante uma partida em andamento.
é o tempo médio que um visitante espera para encontrar o placar antes de fechar o site e tentar outro.
mais pageviews em sites que exibem informações ao vivo em comparação com sites de conteúdo estático.
O widget que transforma seu site
em referência do Brasileirão
Uma barra de placar discreta, elegante e altamente performática. Coloca no topo do seu site e nunca mais perde um visitante por falta de informação ao vivo.
Tempo real de verdade
Conexão SSE persistente com a API. Quando o placar muda, o widget atualiza em menos de 1 segundo — sem o visitante precisar recarregar a página.
Levíssimo para o site
Menos de 5KB no total, CSS injetado automaticamente, zero dependências de frameworks. Não afeta o Core Web Vitals nem o Lighthouse score do seu site.
2 linhas e está feito
Adicione um <div> e um <script>. Funciona em qualquer site — WordPress, Wix, HTML puro, qualquer CMS.
CSS isolado
Todos os estilos do widget são escopados com prefixo único. Não herda nem vaza CSS do site hospedeiro. Sem conflitos, sem surpresas visuais.
Reconexão automática
Quedas de conexão são tratadas automaticamente. O widget tenta reconectar a cada 5 segundos sem nenhuma intervenção. Seus visitantes nunca veem dados desatualizados.
Responsivo e adaptativo
Se o conteúdo cabe na tela, fica centralizado e estático. Se transborda, anima em loop. Funciona perfeitamente em mobile, tablet e desktop.
Para qualquer site que
fala de futebol
Se o seu público assiste ao Brasileirão, eles vão amar ver o placar ao vivo direto no seu site. Veja os casos de uso mais comuns.
Blogs de futebol
Transforme seu blog em destino de referência durante a rodada. Visitantes que chegam para ler um artigo ficam para acompanhar o placar — e voltam na próxima rodada.
Sites de palpites
Usuários de palpites precisam checar o placar constantemente. Com o widget no topo, eles não saem do seu site para consultar o score — o que aumenta o tempo de sessão drasticamente.
Portais de notícias
Portais de esporte e notícias regionais que cobrem o Brasileirão ganham uma camada de conteúdo ao vivo sem precisar de infraestrutura própria.
Canais e comunidades
Youtubers e influencers de futebol que têm site ou fórum podem oferecer o placar ao vivo como diferencial, mantendo os fãs engajados no próprio domínio.
Lojas de artigos esportivos
E-commerces de camisas e artigos esportivos que adicionam o placar ao vivo criam uma razão extra para o torcedor visitar a loja nos dias de jogo.
Sites de times e ligas
Times amadores, federações estaduais e ligas regionais podem exibir o contexto do futebol profissional para manter visitantes interessados no ecossistema esportivo.
Tecnologia de ponta,
instalação de 1 minuto
Por trás dos bastidores, uma arquitetura robusta garante que o placar chegue no seu site de forma confiável e instantânea.
Worker coleta os dados a cada 2 minutos
Um worker dedicado consulta a API do Brasileirão, normaliza os dados de todos os jogos da rodada e publica no Redis via pub/sub. Cada atualização é processada e distribuída em milissegundos.
API entrega via SSE para todos os clientes conectados
A API FastAPI mantém conexões SSE (Server-Sent Events) abertas com cada widget ativo. Quando o placar muda, todos os widgets conectados recebem o update simultaneamente — sem polling, sem overhead desnecessário.
Widget renderiza o placar instantaneamente
O script de menos de 5KB recebe o evento, re-renderiza apenas o conteúdo necessário e atualiza a animação sem travar a thread principal. Zero re-loads, zero flicker, experiência fluida para o usuário final.
Turbine o SEO do seu site
com conteúdo esportivo ao vivo
O Google e os mecanismos de busca valorizam sites que oferecem conteúdo dinâmico, relevante e atualizado. Um widget de placar ao vivo contribui diretamente para esses fatores.
Aumento do tempo de permanência
Visitantes que acompanham o placar ficam mais tempo na página. O Google interpreta isso como sinal de qualidade e relevância, melhorando o posicionamento orgânico.
Redução da taxa de rejeição
Um site que entrega a informação que o usuário busca — o placar — imediatamente reduz o bounce rate. Menos rejeição significa mais autoridade de domínio a longo prazo.
Conteúdo fresco que o Google ama
O algoritmo do Google valoriza conteúdo que se atualiza com frequência. Páginas com placar ao vivo são naturalmente re-rastreadas com mais frequência durante rodadas do campeonato.
Palavras-chave de cauda longa naturais
Termos como "placar Flamengo ao vivo hoje", "resultado Palmeiras agora" e "placar Brasileirão tempo real" têm altíssimo volume de busca durante os jogos. Estar nesse contexto ajuda.
Zero impacto no Core Web Vitals
O script é assíncrono e carrega de forma não bloqueante. Não impacta LCP, FID nem CLS — os três pilares do Core Web Vitals que o Google usa para ranquear páginas.
Compatível com iframe para domínios diferentes
Para sites onde não é possível inserir scripts, a opção via iframe mantém o benefício de engajamento sem qualquer risco à segurança ou performance da página hospedeira.
100% gratuito.
Sem pegadinhas. Para sempre.
Nada de freemium. Nada de "grátis por 30 dias". Nada de limite de pageviews ou fatura surpresa. O widget é gratuito por tempo indeterminado para qualquer site, de qualquer tamanho.
- ✓ Placar ao vivo Brasileirão Série A
- ✓ Atualizações em tempo real via SSE
- ✓ Sem limite de sites ou pageviews
- ✓ Suporte via GitHub Issues
- ✓ Atualizações automáticas de dados
Brasileirão grátis.
70+ campeonatos a R$59 cada.
Comece com o Brasileirão Série A sem custo algum. Ative cada campeonato adicional individualmente por R$59.
- ✓ Brasileirão Série A — placar ao vivo em tempo real
- ✓Widget ilimitado para qualquer site
- ✓SSE, modal de detalhes, responsive
- ✓Atualização a cada 2 minutos
Instale em menos de 1 minuto
Adicione 2 linhas no seu HTML. É só isso. Funciona em qualquer site.
<div class="er-sport-live"></div></body>
<script src="https://futebol.ersolucoesweb.com.br/ticker.js"></script>Alternativa — iframe
Para WordPress.com, Wix ou qualquer plataforma que não permite scripts externos.
<iframe
src="https://futebol.ersolucoesweb.com.br/widget/"
width="100%"
height="48"
frameborder="0"
></iframe>Personalize com atributos data-*
Tudo configurável diretamente no HTML, sem precisar editar JavaScript.
| Atributo | Padrão | Descrição |
|---|---|---|
| data-label | Jogos ao vivo | Texto do label fixo à esquerda da barra. Ex: "Brasileirão 2026". |
| data-history | ausente | Atributo booleano. Quando presente, exibe também jogos encerrados do dia. Sem ele o ticker some automaticamente fora de jogos ao vivo ou agendados. Ver detalhes → |
| data-speed | 10 | Segundos por item. Com 5 jogos e speed=10, o ciclo total leva 50s. Aumente para rolagem mais lenta. |
| data-skin | — | Tema visual. Use light para fundo branco com acentos em cinza. Omita para o tema escuro padrão. |
| data-color | #c9a227 | Fundo do label à esquerda, separadores entre partidas e acentos da modal (nome do campeonato, títulos de seção, barra de posse). Também serve de valor padrão para data-border-color e data-date-color quando não definidos. |
| data-text-color | #0d1b2a | Cor do texto dentro do label colorido à esquerda da barra. Útil para garantir contraste quando data-color for uma cor clara. |
| data-border-color | data-color | Cor das bordas superior e inferior do ticker e do brilho ao redor. Independente das outras cores. |
| data-team-color | #c8d8e8 | Cor do nome dos times na barra de placar. |
| data-score-color | #ffffff | Cor do texto do placar (ex: 2 — 1) na barra. |
| data-date-color | data-color | Cor da data exibida em jogos agendados que ainda não começaram. |
| data-bg-color | #0d1b2a | Cor de fundo do ticker. Também define automaticamente a cor dos fades laterais para evitar bordas abruptas. |
Exemplo completo — tema escuro (padrão)
<div
class="er-sport-live"
data-label="Brasileirão 2026"
data-speed="10"
></div>
<script src="https://futebol.ersolucoesweb.com.br/ticker.js"></script>Tema claro — fundo branco com acentos cinza
<div
class="er-sport-live"
data-skin="light"
data-label="Brasileirão 2026"
></div>
<script src="https://futebol.ersolucoesweb.com.br/ticker.js"></script>
Atlético-MG3 — 1FIMMirassol
|
Internacional4 — 1FIMVasco
|
Palmeiras1 — 1FIMCruzeiro
|
Botafogo3 — 1FIMCorinthians
|
Atlético-MG3 — 1FIMMirassol
|
Internacional4 — 1FIMVasco
Preview estático · Tema claro com data-skin="light"
Cores customizadas — combine com a identidade do seu site
<div
class="er-sport-live"
data-color="#e63946" /* fundo do label, separadores e acentos da modal */
data-text-color="#ffffff" /* texto dentro do label colorido */
data-border-color="#b91c1c" /* borda top e bottom — sobrescreve data-color */
data-team-color="#fecaca" /* nome dos times */
data-score-color="#ffffff" /* placar (ex: 2 — 1) */
data-date-color="#fca5a5" /* data dos jogos agendados */
data-bg-color="#1a0a0a" /* fundo do ticker + fades laterais */
></div>
<script src="https://futebol.ersolucoesweb.com.br/ticker.js"></script>
Todos os atributos são opcionais e independentes. data-color controla o fundo do label, os separadores e os acentos da modal; também serve de padrão para data-border-color e data-date-color quando não definidos. Os demais atributos controlam elementos específicos e sobrescrevem o padrão individualmente. Todos aceitam qualquer valor CSS: #hex, rgb(), hsl(). Funcionam com data-skin="light" também.
Comportamentos automáticos
Tudo funciona por padrão. Sem configuração adicional.
Scroll adaptativo
Só anima se o conteúdo não couber na tela. Caso contrário, centraliza o placar sem animação.
Oculta quando sem jogos
A barra some automaticamente quando não há partidas ao vivo, sem deixar espaço em branco.
Reconexão automática
Se o SSE cair, reconecta em 5 segundos sem qualquer intervenção do usuário ou do servidor.
Múltiplas instâncias
Pode ter vários widgets na mesma página, cada um com configurações diferentes e independentes.
Horário para jogos futuros
Exibe data e horário no lugar do placar para partidas agendadas que ainda não começaram.
CSS isolado
Todos os estilos são escopados — não vaza nem herda do site hospedeiro. Zero conflitos.
Modo ao vivo vs modo histórico
O ticker tem dois comportamentos distintos dependendo do atributo data-history. Entenda qual se encaixa melhor no seu caso.
<div class="er-sport-live"></div>
- ✓Mostra jogos ao vivo com placar e tempo corrente
- ✓Mostra jogos agendados com data e horário
- ✗Some completamente (
display:none) quando não há jogos ao vivo ou agendados para o dia - ✗Não exibe resultados de partidas encerradas
Ideal para quem quer um widget discreto que só aparece quando há algo acontecendo — sem ocupar espaço nos dias sem jogos.
<div class="er-sport-live"
data-history></div>
- ✓Tudo do modo padrão
- ✓Exibe também jogos encerrados do dia com placar final e data
- ✓O ticker permanece visível após o fim dos jogos
- →Some somente quando não há nenhum jogo no dia (sem live, agendado ou encerrado)
Ideal para portais que querem manter o ticker visível durante todo o dia de jogos — incluindo o período pós-partida quando os leitores buscam os resultados.
Como o ticker se comporta durante um dia de rodada
Antes da rodada
Ambos os modos mostram os jogos agendados com data e horário. O ticker fica visível.
Durante os jogos
Ambos os modos exibem o placar ao vivo com o minuto corrente e badge "AO VIVO". Atualizações a cada 2 minutos via SSE.
Após o apito final
Sem data-history
O ticker some imediatamente. Nenhum resultado é exibido.
Com data-history
O ticker continua visível com os placares finais e a data de cada jogo.
Customização manual com CSS
Precisa de controle total? Todos os elementos do widget têm classes prefixadas com ew-. Use-as para aplicar seu próprio CSS — mas lembre de usar especificidade suficiente para sobrescrever os estilos escopados.
!important. Exemplo de especificidade suficiente: .er-sport-live-inner .ew-match__name { color: red; }
Barra do ticker
| Classe | Elemento |
|---|---|
| .er-sport-live | Container root invisível (o <div> que você coloca no HTML) |
| .er-sport-live-inner | Barra inteira — fundo, borda, sombra, layout flex |
| .ew--has-live | Modificador adicionado ao inner quando há pelo menos um jogo ao vivo no momento |
| .ew--scrollable | Modificador adicionado quando o conteúdo transborda e a animação de scroll está ativa |
| .ew-label | Bloco colorido do label à esquerda da barra |
| .ew-label__badge | Bolinha vermelha pulsante (visível só com .ew--has-live) |
| .ew-label__text | Texto do label (ex: "Brasileirão 2026") |
| .ew-viewport | Área rolável que contém o track |
| .ew-track | Track interno com todos os itens — recebe a animação de scroll CSS |
| .ew-fade--left | Gradiente de fade na borda esquerda do viewport |
| .ew-fade--right | Gradiente de fade na borda direita do viewport |
| .ew-brand | Link de branding abaixo da barra (pode ser ocultado com display:none) |
Itens de partida
| Classe | Elemento |
|---|---|
| .ew-match | Container de uma partida (clicável para abrir modal) |
| .ew-match__team | Wrapper de cada time (escudo + nome) |
| .ew-match__flag | Escudo do time (<img>) |
| .ew-match__name | Nome do time em caixa alta |
| .ew-match__score | Bloco central com placar e período |
| .ew-match__score-value | Texto do placar (ex: 2 — 1) |
| .ew-match__score-period | Período do jogo (ex: 2º TEMPO) |
| .ew-match__score-date | Data do jogo encerrado (ex: 25/05) |
| .ew-match__score-time | Horário de jogo agendado (ex: 16:00) |
| .ew-match__time | Badge de status do jogo |
| .ew-match__time--live | Modificador do badge quando o jogo está ao vivo (fundo vermelho) |
| .ew-match__time--finished | Modificador do badge quando o jogo encerrou (fundo cinza) |
| .ew-sep | Separador visual entre partidas |
Modal de detalhes
| Classe | Elemento |
|---|---|
| .ew-modal-overlay | Fundo escuro com blur que cobre a tela inteira (recebe o data-skin e as CSS vars do ticker) |
| .ew-modal | Card branco/escuro da modal — borda, sombra, border-radius |
| .ew-modal__header | Cabeçalho com nome do campeonato e botão de fechar |
| .ew-modal__comp | Nome do campeonato no header |
| .ew-modal__close | Botão ✕ de fechar a modal |
| .ew-modal__match | Área central com escudos grandes e placar principal |
| .ew-modal__team | Coluna de cada time (escudo + nome) |
| .ew-modal__logo | Escudo grande do time na modal |
| .ew-modal__team-name | Nome do time na modal |
| .ew-modal__score-num | Número do placar grande (ex: 2 e 1) |
| .ew-modal__badge--live | Badge "AO VIVO" com animação pulsante |
| .ew-modal__badge--ended | Badge "ENCERRADO" em cinza |
| .ew-modal__badge--scheduled | Badge "AGENDADO" em azul |
| .ew-modal__section | Seção interna da modal (gols, cartões, estatísticas) |
| .ew-modal__section-title | Título de cada seção (ex: "GOLS", "ESTATÍSTICAS") |
| .ew-modal__event | Linha de evento (gol ou cartão) |
| .ew-modal__stat-row | Linha de estatística (posse, chutes, etc.) |
| .ew-modal__poss-fill | Barra de preenchimento da posse de bola |
A modal é criada dinamicamente e inserida diretamente no <body>, fora do container do widget. Seus estilos já herdam as CSS vars do ticker (skin, color, etc.).
Perguntas frequentes
Tudo que você precisa saber antes de instalar.
Como instalar o widget de placar do Brasileirão no meu site?
<div class="er-sport-live"></div> onde o widget deve aparecer. 2) Inclua <script src="https://futebol.ersolucoesweb.com.br/ticker.js"></script> antes do </body>. O CSS é injetado automaticamente. Nenhuma dependência externa é necessária.
O widget de placar ao vivo é gratuito? Tem limite de uso ou pageviews?
Quais campeonatos estão disponíveis? Posso exibir Libertadores, Champions League ou Copa do Brasil?
O widget funciona no WordPress, Wix, Shopify e outros construtores de site?
<iframe src="https://futebol.ersolucoesweb.com.br/widget/" width="100%" height="48" frameborder="0"></iframe>.
O widget vai deixar meu site mais lento ou prejudicar meu Google PageSpeed?
Como funciona a atualização em tempo real? Com que frequência o placar muda?
Posso ver estatísticas, gols e cartões da partida diretamente no widget?
O widget é responsivo? Funciona bem em celular e tablet?
O que acontece quando não há jogos ao vivo? O widget some da página?
data-history), o widget some automaticamente quando não há partidas ao vivo ou agendadas — sem deixar espaço vazio. Com data-history, ele permanece visível exibindo os resultados dos jogos encerrados no dia, e só some quando não há nenhum jogo (ao vivo, agendado ou encerrado) no dia.
Qual a diferença entre usar o widget com e sem data-history?
data-history (padrão), o ticker exibe apenas jogos ao vivo e agendados — desaparece completamente quando não há nada em andamento. Com data-history, o ticker também mostra os resultados dos jogos encerrados no mesmo dia, mantendo-se visível durante todo o período de uma rodada. Use o modo histórico se quiser que seus visitantes encontrem os resultados finais logo após o apito final, sem precisar ir a outro site.
Como personalizar o texto do rótulo? Como mudar "Jogos ao vivo"?
data-label: <div class="er-sport-live" data-label="Brasileirão 2026"></div>. Se omitido, o widget exibe automaticamente o nome do campeonato do item visível no centro da barra, mudando dinamicamente conforme o scroll. A velocidade é controlada pelo atributo data-speed (padrão: 10 segundos por item).
Posso mudar as cores do widget para combinar com o meu site?
data-color para definir a cor de destaque — bordas, fundo do label, placar e ícones da modal. Use data-text-color para a cor do texto dentro do label colorido. Ambos aceitam qualquer valor CSS válido (hex, rgb, hsl). Exemplo: <div class="er-sport-live" data-color="#e63946" data-text-color="#ffffff"></div>. As duas opções funcionam tanto no tema escuro (padrão) quanto no tema claro (data-skin="light").
É seguro instalar um script externo de terceiros no meu site?
ticker.js é um IIFE isolado que não polui o escopo global, não usa frameworks externos, não instala cookies, não rastreia usuários e não acessa dados do site hospedeiro. Todo o CSS usa prefixos únicos (ew-) para evitar conflitos. O código-fonte é auditável e o script é servido com Content-Type correto e charset UTF-8.
Posso filtrar o widget para exibir apenas times ou rodadas específicas?
Precisa de atualização mais rápida?
O plano gratuito atualiza a cada 2 minutos. Se o seu site precisa de placar em tempo real com intervalo de 30 segundos ou menos, entre em contato — temos planos personalizados.
Seu site merece
placar ao vivo agora
Em menos de 1 minuto, o Brasileirão ao vivo estará no seu site. Sem cadastro, sem cartão, sem complicação. Adicione as 2 linhas e comece a reter mais visitantes hoje.
Nenhum cartão de crédito necessário · Gratuito por tempo indeterminado