HTML / Static Sites

Works with any HTML or static site generator

✅ Compatible With

Plain HTML Jekyll Hugo 11ty Gatsby VitePress Any HTML site

1 Basic Embed Code

Simply paste this code wherever you want the ad to appear.

<iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>

2 Centered with Container

Wrap the ad in a container for better positioning.

<!-- Beaver.ad Slot -->
<div style="display:flex;justify-content:center;margin:20px 0;">
  <iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>
</div>

3 With "Sponsored" Label

Add a disclosure label for transparency and compliance.

<!-- Beaver.ad Slot -->
<div class="ad-container" style="margin:20px 0;text-align:center;">
  <p style="font-size:11px;color:#999;margin:0 0 8px 0;">Sponsored</p>
  <iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>
</div>

4 Lazy Loading (Performance)

Modern browsers support native lazy loading for iframes.

<iframe src="https://example.com/ad-slot" width="280" height="90" loading="lazy" frameborder="0" scrolling="no" style="border:none;overflow:hidden;"></iframe>

💡 The loading="lazy" attribute defers loading until the iframe is near the viewport.

Back

Guides