// KIT DE EMBED

BANNERS

Piezas listas para pegar en cualquier web. Un solo iframe, sin librerías, sin cuentas. Se actualizan solas con la agenda de Melt y se rearman en el celular.

PARA PRODUCTORAS Y ARTISTAS

TOCAMOS EN MELT

El badge para tu web. Muestra la próxima fecha del club, o la tuya si le pasás el evento. Viene cuadrado (320×320) y en tira (728×120).

<iframe src="https://meltunderground.com/banners/melt-banner-badge.html"
        style="width:100%;max-width:320px;border:0" height="320" scrolling="no"></iframe>

Formato tira https://meltunderground.com/banners/melt-banner-badge.html?formato=tira
Tu fecha https://meltunderground.com/banners/melt-banner-badge.html?evento=SLUG-DE-TU-FECHA

PARA WEBS AMIGAS

PRÓXIMA FECHA

La próxima fecha con flyer, line-up y cuenta regresiva. Se actualiza sola: no hay que tocar nada cuando cambia la fecha.

<iframe src="https://meltunderground.com/banners/melt-banner-proxima-fecha.html"
        style="width:100%;border:0" height="160" scrolling="no"></iframe>

MEMBER CLUB

LOS SOCIOS ENTRAN PRIMERO

La pieza del Melt Member Club con la credencial de GV Circle.

<iframe src="https://meltunderground.com/banners/melt-banner-member-club.html"
        style="width:100%;border:0" height="200" scrolling="no"></iframe>

AIRE

EN VIVO DESDE MELT

Solo se ve cuando hay transmisión: sin señal ocupa cero y la página queda igual que si no estuviera. Abajo se lo ve encendido a modo de muestra.

<iframe src="https://meltunderground.com/banners/melt-banner-vivo.html"
        style="width:100%;border:0" height="0" scrolling="no"></iframe>

QUE SE ACOMODE SOLO EN EL CELULAR

El banner avisa cuánto mide cada vez que cambia. Con estas líneas, el iframe se ajusta solo y nunca queda cortado ni con un hueco abajo. Es opcional: sin esto igual funciona, solo que con el alto fijo del ejemplo.

<script>
addEventListener('message', function (e) {
  var d = e.data;
  if (d && d.source === 'melt-banner') {
    document.querySelectorAll('iframe[src*="/banners/melt-banner"]').forEach(function (f) {
      if (f.contentWindow === e.source) f.height = d.height;
    });
  }
});
</script>

¿Dudas o querés una medida que no está? Escribinos por WhatsApp.