Painel de Cotações B3 (Bolsa de Valores)

Painel de Cotações B3 (Bolsa de Valores)

O que é: Um painel dinâmico que exibe as cotações em tempo real (ou com leve atraso de 15min, padrão gratuito) dos principais ativos do mercado financeiro brasileiro e câmbio.

Ele mostra o Índice Bovespa (IBOV), Dólar (USD/BRL) e as ações mais negociadas como Petrobras, Vale e Itaú. Inclui variação percentual e preço atual.

Como utilizar:

1. Basta copiar o código e colar em seu site.

2. O carregamento é automático.

3. O usuário pode clicar em qualquer ativo para ver um gráfico detalhado em um popup (função nativa integrada).

4. Não requer configuração manual pelo usuário.

Autoria: ativesite

25 Melhores Tags: cotacao b3, bolsa de valores, ibovespa, dolar hoje, petr4, vale3, mercado financeiro, finanças, investimento, ações, cotação dolar, euro hoje, bolsa brasil, widget financeiro, script bolsa, economia, ticker b3, b3 online, cotação em tempo real, grafico de ações, home broker, analise financeira, cambio, bovespa, portal financeiro

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<style>
/* Container Principal */
.market-widget-wrapper {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 0;
max-width: 500px; /* Largura ideal para sidebar ou widget */
margin: 20px auto;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
overflow: hidden;
height: 450px; /* Altura fixa para o widget */
}

.mw-header {
background-color: #131722;
padding: 15px;
text-align: center;
}

.mw-header h2 {
color: #fff;
margin: 0;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Área do Widget */
.tradingview-widget-container {
width: 100%;
height: 100%;
}

.tradingview-widget-copyright {
font-size: 11px;
text-align: center;
padding: 5px;
color: #999;
display: none; /* Opcional: esconde o copyright textual */
}
</style>
</head>
<body>

<div class="market-widget-wrapper">
<div class="mw-header">
<h2>Mercado Agora (B3 & Câmbio)</h2>
</div>

<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
{
"colorTheme": "light",
"dateRange": "12M",
"showChart": false,
"locale": "br",
"largeChartUrl": "",
"isTransparent": true,
"showSymbolLogo": true,
"showFloatingTooltip": false,
"width": "100%",
"height": "100%",
"plotLineColorGrowing": "rgba(41, 98, 255, 1)",
"plotLineColorFalling": "rgba(41, 98, 255, 1)",
"gridLineColor": "rgba(240, 243, 250, 0)",
"scaleFontColor": "rgba(106, 109, 120, 1)",
"belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",
"belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
"symbolActiveColor": "rgba(41, 98, 255, 0.12)",
"tabs": [
{
"title": "Índices & Câmbio",
"symbols": [
{
"s": "BMFBOVESPA:IBOV",
"d": "Ibovespa"
},
{
"s": "FX_IDC:USDBRL",
"d": "Dólar"
},
{
"s": "FX_IDC:EURBRL",
"d": "Euro"
},
{
"s": "BITSTAMP:BTCUSD",
"d": "Bitcoin (USD)"
}
],
"originalTitle": "Indices"
},
{
"title": "Ações B3",
"symbols": [
{
"s": "BMFBOVESPA:PETR4",
"d": "Petrobras PN"
},
{
"s": "BMFBOVESPA:VALE3",
"d": "Vale ON"
},
{
"s": "BMFBOVESPA:ITUB4",
"d": "Itaú PN"
},
{
"s": "BMFBOVESPA:BBDC4",
"d": "Bradesco PN"
},
{
"s": "BMFBOVESPA:WEGE3",
"d": "WEG ON"
},
{
"s": "BMFBOVESPA:MGLU3",
"d": "Magalu ON"
}
],
"originalTitle": "Futures"
}
]
}
</script>
</div>
</div>

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FinancialProduct",
"name": "Painel de Cotações B3 Online",
"description": "Ferramenta gratuita para visualização de cotações da Bolsa de Valores (B3) e Câmbio em tempo real.",
"brand": {
"@type": "Organization",
"name": "ativesite"
},
"category": "Finance"
}
</script>

</body>
</html>

Gerador de Link para WhatsApp

Gerador QR Code

Painel de Cotações B3 (Bolsa de Valores)