Features in Beta phase might not be available in your network. Watch the release notes for when this feature becomes generally available.
Focused banner ads are a banner ad experience designed to enhance performance compared to standard inline banners while targeting ad blindness. This format is an inline banner ad for the web that works by pausing the content and blurring the text located beneath the ad until a user takes action.
Focused banner ads provide an opportunity to increase revenue from banner inventory without disrupting the user experience.
On this page:
How focused banner ads work
Focused banner ads integrate seamlessly into the web content flow. The following sequence outlines the user experience:
| Initial view:
The user is reading an article, and the inline banner ad starts to come into view. |
Full view:
The inline banner ad is fully visible, and the text of the article continues below it. |
Content blur:
Once the user continues scrolling, the article text below the banner blurs, and a "Continue reading" button pops up. At this point, the user cannot scroll down further. |
Content unlocked:
When the user clicks the "Continue reading" button, the text of the article is unblurred. The button disappears, and the user is able to scroll down the page. |
Eligibility and requirements
Focused banners are available for web publishers using standard inline banner traffic. Focused banner ads support all deal types and demand sources.
Publisher fit and environment support
- Content type: This format is designed for web publishers who have regular inline banner ad slots and text-heavy content.
- Supported environments: Mobile web and desktop.
Technical implementation
Use your standard Google Publisher Tag (GPT) implementation for inline banners on your web pages. There is currently no frontend control for focused banner.
The following example shows standard inline banner ad slot configuration:
Example
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
window.googletag = window.googletag || { cmd: [] };
googletag.cmd.push(function () {
const slot = googletag.defineSlot('/1/ad_unit', [300, 250], 'div-gpt-ad-123456789-0')
.addService(googletag.pubads());
slot.setConfig({focusedBanner: true});
googletag.enableServices();
});
</script>
<div id="div-gpt-ad-123456789-0" style="min-width: 300px; min-height: 250px;">
<script>
googletag.cmd.push(function () {
googletag.display('div-gpt-ad-123456789-0');
});
</script>
</div>