BUZER
Skip to main content
Integration time2 minutes

How to Add Ads to Any HTML Website with Buzer (2026 Guide)

Plain HTML websites are the simplest to monetize with Buzer. No frameworks, no build tools, no plugins — just add two lines of code to your HTML file and start earning. This guide covers static HTML sites, landing pages, and any website where you have direct access to the HTML source.

Step-by-Step Integration

1

Sign up for Buzer

Create your publisher account at buzer.xyz with Face ID or Touch ID. Instant onboarding, no wallet setup required.

2

Add the Buzer script to your HTML

Open your HTML file and add the Buzer ad script before the closing </body> tag. This single script handles all ad loading and rendering.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Website</title>
</head>
<body>
  <h1>Welcome to My Site</h1>
  <p>Your content here...</p>

  <!-- Buzer ad script -->
  <script async src="https://cdn.buzer.xyz/x402-ad.js"></script>
</body>
</html>
3

Add ad containers where you want ads

Place ad containers anywhere in your HTML using a simple div with data attributes. Choose from standard IAB sizes.

html
<!-- Leaderboard below header -->
<header>
  <h1>My Website</h1>
</header>
<div data-buzer-ad data-size="728x90"></div>

<!-- Medium rectangle in sidebar -->
<aside>
  <div data-buzer-ad data-size="300x250"></div>
</aside>

<!-- Mobile banner -->
<div data-buzer-ad data-size="320x50"></div>
4

Enable auto-ads for automatic placement (optional)

If you do not want to manually place ad containers, enable auto-ads. Buzer will analyze your page structure and insert ads in optimal positions.

html
<!-- Auto-ads: Buzer places ads automatically -->
<script async src="https://cdn.buzer.xyz/x402-ad.js" data-auto></script>

The Simplest Way to Monetize a Website

For plain HTML websites, Buzer is the fastest path to ad revenue. There are no dependencies, no build steps, and no configuration files. You add a script tag and ad containers — that is the entire integration.

The Buzer script is under 5KB gzipped and loads asynchronously, meaning it never blocks your page rendering. Your HTML site remains as fast as it was before adding ads.

Whether you are hosting on GitHub Pages, Netlify, a VPS, or shared hosting, the integration is identical. It works everywhere JavaScript runs in a browser.

Standard IAB Ad Sizes for HTML Sites

Buzer supports all standard IAB ad sizes. The most effective sizes for HTML sites are: 728x90 (Leaderboard) for header/footer areas, 300x250 (Medium Rectangle) for inline content or sidebars, 320x50 (Mobile Banner) for mobile visitors, and 160x600 (Wide Skyscraper) for sidebar columns.

Set the data-size attribute on your ad container to any supported IAB size. Buzer will serve the highest-paying creative that matches the requested size.

For responsive sites, you can use CSS media queries to show different ad containers at different viewport widths, or let Buzer's auto-ads feature handle responsive ad serving automatically.

Hosting and Deployment Considerations

Buzer works on any hosting platform that serves HTML files. There are no server-side requirements — the entire ad integration runs in the visitor's browser.

If you deploy your HTML site via CI/CD (e.g., GitHub Actions to Netlify), the Buzer integration is part of your source code and deploys automatically with every push.

For sites generated by build tools (e.g., Eleventy, Jekyll, Pelican), add the Buzer script and ad containers to your templates, and they will be included in every generated page.

Frequently Asked Questions

Can I use Buzer on a single-page HTML site?+
Yes. Even a single HTML page can run Buzer ads. Add the script tag and one or more ad containers. There is no minimum number of pages required.
Does Buzer work with HTML sites on GitHub Pages?+
Yes. GitHub Pages serves static HTML files, and the Buzer script runs entirely client-side. Add the script tag and ad containers to your HTML files, push to GitHub, and ads will appear on your live site.
How many ads should I put on one HTML page?+
We recommend 2-4 ads per page for the best balance of revenue and user experience. More ads can reduce viewability rates and user engagement, which ultimately lowers eCPM. Quality placements outperform quantity.
Can I style the Buzer ad container with CSS?+
Yes. The ad container div is a standard HTML element that you can style with CSS. Common styling includes centering (display: flex; justify-content: center), margins, borders, and background colors. Do not set overflow: hidden or visibility: hidden on the container.

Related Resources

Add Ads to WordPress

Learn how to monetize your WordPress site with Buzer ads. Earn 85% revenue share with instant USDC payments. Step-by-step integration guide for WordPress.

Add Ads to Hugo

Add Buzer ads to your Hugo site for 85% revenue share. Simple partial template integration with instant USDC payments. Complete Hugo monetization guide.

Add Ads to Astro

Monetize your Astro site with Buzer ads. 85% revenue share, daily USDC payments. Works with Astro islands architecture and any UI framework.

Start earning 85% revenue share

Join Buzer and keep more of what you earn. No minimum traffic requirements. Instant payments in USDC.

Start EarningAdvertise With Us