Tábua de maré grátis para o seu site

Coloque a maré de hoje da sua praia ou porto no seu blog, pousada, marina ou escola de surf em 2 minutos. Dados oficiais da Marinha do Brasil, atualizados automaticamente, sem custo.

1. Configure

Buscar praia ou porto

Local

Tema

Fundo

2. Preview

Tábua de maré Copacabana hoje – MaréAgora

3. Copie o código

Cole no HTML do seu site, onde quiser que a maré apareça. O script ajusta a altura do widget automaticamente.

O link de crédito abaixo do widget faz parte do código gratuito. Por favor, mantenha-o: é a nossa única contrapartida por oferecer os dados sem custo.

<iframe
  src="https://mareagora.com.br/widget/porto/copacabana?theme=auto&transparent=1"
  width="100%"
  height="200"
  style="border:none;border-radius:12px;"
  scrolling="no"
  loading="lazy"
  title="Tábua de maré Copacabana"
  id="mareagora-widget"
></iframe>
<p style="font-size:12px;margin:4px 0 0;text-align:center;">
  <a href="https://mareagora.com.br/mare/rio-de-janeiro/copacabana" target="_blank">Tábua de maré Copacabana hoje – MaréAgora</a>
</p>
<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'mareagora-widget-height') {
    var iframe = document.getElementById('mareagora-widget');
    if (iframe) iframe.style.height = e.data.height + 'px';
  }
});
</script>

Parâmetros URL

Param	Valores	Padrão
theme	light, dark, auto	auto
transparent	0, 1	0

Widget gratuito por MaréAgora • Dados oficiais da Marinha do Brasil