Official Ad Kit & Integration Guide | The VIBE

THE SOUND OF THE DANCEFLOOR!

BOOST YOUR TRAFFIC WITH THE VIBE BANNERS

Ready to plug high-energy electronic dance music vibes into your website? Below you will find our official high-performance display ads with live previews.

# INTEGRATION GUIDELINES & BEST PRACTICES

01. ZERO MAINTENANCE

All banners fetch updates dynamically from our servers. Once embedded, you never need to update image assets or layout files manually.

02. STANDARD RATIOS

Embed codes use official IAB standard dimensions. Always keep the recommended width and height parameters to avoid scrollbars.

03. SSL ENCRYPTED

All requests run over HTTPS. Our embeds will never trigger mixed content warnings on secure web environments.

04. RESPONSIVE UNITS

Prefer the new Smart Responsive embed (size=responsive). It auto-grows in height on narrow screens. Fixed sizes still work as before.

# OFFICIAL EMBED CODES & PREVIEWS

★ Smart Responsive RECOMMENDED • Auto height

Width 100% of the container. Height starts at 90px on wide screens and grows as the width shrinks (stacked card on mobile). No glow, transparent background, border inside the box.
On mobile the banner becomes taller (~170px+) so it stays readable instead of turning into a tiny strip.

<iframe src="https://vibe.pt/banner/?size=responsive" width="100%" height="90" frameborder="0" scrolling="no" style="border:0; overflow:hidden; max-width:970px; width:100%;" title="THE VIBE Radio Banner Responsive"></iframe>
<script>
window.addEventListener("message", function(e){
  if(e.data && e.data.source === "vibe-banner" && e.data.type === "resize"){
    var f = document.querySelector('iframe[src*="size=responsive"]');
    if(f) f.style.height = e.data.height + "px";
  }
});
</script>

Live Preview (resize the window):

Leaderboard (728x90) Desktop Header / Footer

<iframe src="https://vibe.pt/banner/?size=728x90" width="728" height="90" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 728x90"></iframe>

Live Preview:

Medium Rectangle (300x250) Sidebar / In-Content

<iframe src="https://vibe.pt/banner/?size=300x250" width="300" height="250" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 300x250"></iframe>

Live Preview:

Wide Skyscraper (160x600) Sidebar Vertical Pillar

<iframe src="https://vibe.pt/banner/?size=160x600" width="160" height="600" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 160x600"></iframe>

Live Preview:

Mobile Leaderboard (320x50) Mobile Header / Sticky Footer

<iframe src="https://vibe.pt/banner/?size=320x50" width="320" height="50" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 320x50"></iframe>

Live Preview:

Half Page / Large Skyscraper (300x600) High Impact Sidebar

<iframe src="https://vibe.pt/banner/?size=300x600" width="300" height="600" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 300x600"></iframe>

Live Preview:

Large Leaderboard (970x90) Widescreen Header

<iframe src="https://vibe.pt/banner/?size=970x90" width="970" height="90" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 970x90"></iframe>

Live Preview:

Large Rectangle (336x280) Premium Article / Sidebar

<iframe src="https://vibe.pt/banner/?size=336x280" width="336" height="280" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 336x280"></iframe>

Live Preview:

Mobile Banner (300x50) Compact Mobile Display

<iframe src="https://vibe.pt/banner/?size=300x50" width="300" height="50" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 300x50"></iframe>

Live Preview:

Square (250x250) Grid / Widget Placement

<iframe src="https://vibe.pt/banner/?size=250x250" width="250" height="250" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 250x250"></iframe>

Live Preview:

Skyscraper (120x600) Narrow Lateral Pillar

<iframe src="https://vibe.pt/banner/?size=120x600" width="120" height="600" frameborder="0" scrolling="no" style="border:0; overflow:hidden;" title="THE VIBE Radio Banner 120x600"></iframe>

Live Preview: