Sticky Ads Best Practices: Boost Revenue Without Hurting User Experience

Sticky ads are the highest-viewability ad format available to web publishers. A well-implemented sticky footer bar delivers 85-95% viewability consistently, compared to the 50-55% industry average for standard display placements. That viewability gap translates directly into higher CPMs: advertisers routinely pay 30-60% more for sticky inventory because they know their ads will actually be seen.

But sticky ads also carry risk. Implement them poorly and you will increase bounce rates, trigger Google's Better Ads Standards violations, and damage the reading experience that keeps users coming back. This guide covers how to get the revenue benefits without the downsides.

Types of Sticky Ads

There are four common sticky ad implementations, each with different revenue profiles and UX trade-offs.

Sticky Footer Bar

The most widely used sticky format. A thin banner (typically 50-90px tall) anchored to the bottom of the viewport. It stays visible as the user scrolls through content. Common sizes include 320x50 and 320x100 on mobile, and 728x90 on desktop.

Revenue impact: Adds $0.50-$2.00 RPM (revenue per thousand pageviews) depending on geo and vertical. For a site with 1 million monthly pageviews, that is $500-$2,000 in additional monthly revenue from a single ad unit.

Viewability: 90-95%. The ad is always in view by definition.

UX risk: Low, if the bar is thin and includes a close button. Users are accustomed to cookie consent bars and similar UI elements in this position.

Sticky Sidebar

A sidebar ad unit that follows the user as they scroll through long-form content. On desktop, this sits alongside the main content column and "sticks" when the user scrolls past its natural position. It typically stays within the sidebar column boundaries, so it does not overlap content.

Revenue impact: Adds $1.00-$4.00 RPM. Higher than footer bars because sidebar units tend to be larger (300x250, 300x600) and command higher CPMs.

Viewability: 85-92%. Slightly lower than footer bars because the sidebar may not be visible on narrow viewports or when the user is focused on the content area.

UX risk: Low to moderate on desktop. This format does not work on mobile, where sidebars collapse into the main content flow.

Sticky Header Bar

A banner pinned to the top of the viewport, below or within the site's navigation bar. Less common than footer bars because it competes with the navigation for premium screen space.

Revenue impact: Similar to footer bars. $0.50-$1.50 RPM.

Viewability: 90-95%.

UX risk: Moderate to high. Top-of-screen sticky elements feel more intrusive because they push content down and compete with the navigation. On mobile, they reduce the visible content area significantly. Use sparingly.

Sticky In-Content (Scroll-to-Stick)

An ad unit that initially appears as a standard in-content placement but becomes sticky when the user scrolls past it. The ad detaches from its original position and follows the user for a set duration or distance before unsticking and disappearing.

Revenue impact: $1.50-$5.00 RPM. High CPMs because it combines standard in-content positioning with sticky viewability.

Viewability: 85-90% during the sticky phase.

UX risk: Moderate. Users may find it unexpected when a previously static ad starts following them. Requires smooth animation and a clear end condition to avoid feeling aggressive.

Why Sticky Ads Earn More

The revenue advantage of sticky ads comes from three factors that compound:

1. Extreme Viewability

Advertisers increasingly buy on viewability-adjusted CPMs (vCPM). A standard placement with 50% viewability and a $2.00 CPM delivers an effective $4.00 vCPM (the advertiser pays $4 for each thousand viewable impressions). A sticky ad with 90% viewability and the same $2.00 CPM delivers $2.22 vCPM. Advertisers see the sticky ad as dramatically cheaper per viewable impression, so they bid more aggressively for it.

In practice, sticky placements attract CPMs of $3.00-$6.00 in US traffic, compared to $1.00-$3.00 for equivalent-sized standard placements.

2. Extended Time-in-View

Viewability measures whether 50% of pixels were visible for 1 second. But advertisers also value time-in-view, which measures how long the ad was actually visible. Sticky ads routinely achieve 30-90 seconds of time-in-view per session, compared to 3-8 seconds for standard placements. This extended exposure is particularly valuable for brand awareness campaigns, where recall improves with viewing duration.

3. Ad Refresh Compatibility

Because sticky ads are always in view, they are the ideal candidates for ad refresh (loading new creatives into the same slot periodically). A sticky footer bar that refreshes every 45 seconds during a 3-minute average session generates 3-4 impressions from a single slot. Combined with high CPMs, this multiplies the revenue per session.

UX Guidelines: Keeping Users Happy

The gap between a revenue-generating sticky ad and a user-repelling one is entirely about implementation quality. Follow these guidelines:

Size Constraints

• Mobile footer bars: Maximum 15% of viewport height. On a standard 667px mobile viewport, this means a maximum of ~100px. Stick to 50-70px (320x50) for the safest approach.
• Desktop footer bars: Maximum 90px (728x90). Desktop has more screen real estate, but users still notice when a large bar eats into their content area.
• Sidebar sticky: Match the sidebar width. Do not let the ad overflow into the content column. Maximum one sticky sidebar unit at a time.

Close Button

Every sticky ad must have a visible, functional close button. This is both a Google policy requirement and a UX necessity. The close button should be:

• At least 24x24px (44x44px touch target on mobile)
• Positioned at the top-right corner of the ad container
• Clearly styled with an "X" icon that is visible against the ad background
• Functional immediately without delay (no waiting for the ad to render)

When a user closes a sticky ad, it should stay closed for that page session. Some publishers re-show the sticky ad on the next page navigation, which is acceptable. Re-showing it on the same page after the user explicitly closed it is not acceptable and will frustrate users.

Content Protection

• Sticky footer bars must not overlap page content, especially the last paragraph or navigation elements. Add padding to the bottom of your <body> equal to the sticky bar height.
• Sticky sidebar ads must stop sticking before they overlap the footer or any other page element below the content area.
• On mobile, ensure the sticky bar does not cover mobile browser UI elements (address bar, bottom navigation bar on iOS).

Animation

Sticky ads should appear with a smooth slide-in animation (200-300ms ease-out), not a sudden pop. The slide-in should only trigger after the user has scrolled at least 100-200px, indicating engagement with the page. Appearing immediately on page load feels aggressive and can hurt perceived load speed.

Mobile-Specific Considerations

Mobile is where sticky ads deliver the most revenue (mobile CPMs for sticky placements are often higher than mobile CPMs for standard placements) but also where they carry the most UX risk.

Screen Real Estate

Mobile screens are small. A 320x100 sticky banner takes up 15% of the viewport on an iPhone, leaving less room for content. Use 320x50 as your default mobile sticky size. Reserve 320x100 only for high-CPM verticals where the extra revenue justifies the larger footprint.

Touch Interactions

Sticky ads near the bottom of mobile screens risk accidental clicks from users reaching for the browser's navigation controls. This generates invalid clicks that lower your ad account standing and waste advertiser budgets. Maintain at least 10px of clear space below the ad container and above any browser UI overlap zone.

Orientation Changes

When a mobile user rotates their device from portrait to landscape, the sticky ad container must resize appropriately. A 320x50 ad in landscape mode on a phone has a much larger proportional footprint because the viewport height is dramatically reduced. Consider hiding the sticky ad in landscape orientation, or switching to a smaller creative size.

Safe Area Insets

Modern phones with notches, rounded corners, and gesture navigation bars have "safe area insets" that reduce the usable screen area. Use CSS env(safe-area-inset-bottom) to position your sticky footer bar above the system's safe area, preventing overlap with home indicators and gesture zones.

Google Policy Compliance

Google enforces sticky ad policies through both the Better Ads Standards (Coalition for Better Ads) and their own ad serving policies. Violations can result in ad serving restrictions or account suspension.

Better Ads Standards Requirements

• Sticky ads must not cover more than 30% of the screen area on mobile
• Sticky ads must include a clearly visible close/dismiss mechanism
• Large sticky ads that persist after dismissal are classified as violations
• Full-screen sticky overlays are prohibited

Google Ad Manager / AdSense Specific

• Only one sticky ad per page is recommended (Google may serve blanks for additional sticky slots)
• Sticky ads should not load until after the page content is visible (no pre-scroll sticky ads)
• The close button must dismiss the ad container entirely, not just collapse it to a smaller size
• Sticky ads must not interfere with page navigation or content interaction

Ad Refresh on Sticky Units

If you refresh a sticky ad, the standard GAM refresh rules apply: minimum 30-second interval, and the ad must be in view at the time of refresh. Since sticky ads are always in view, the viewability gate is automatically satisfied, but you still need to respect the time interval and user engagement requirements.

Implementation Checklist

Before launching sticky ads on your site, verify each of these items:

1. Size compliance: Ad height does not exceed 15% of viewport on mobile, 10% on desktop
2. Close button: Visible, functional, at least 24x24px (44x44px touch target on mobile)
3. Content padding: Body/footer has enough padding that no content is hidden behind the sticky bar
4. Delayed appearance: Sticky ad appears only after the user scrolls (not on initial page load)
5. Smooth animation: Slide-in transition of 200-300ms, no jarring pop-in
6. Session persistence: Closing the ad keeps it closed for the page session
7. Safe area handling: Positioned correctly for devices with notches and gesture navigation
8. Landscape behavior: Ad hides or resizes appropriately in landscape orientation
9. Single sticky rule: Only one sticky ad visible at any time
10. Performance: Sticky ad uses CSS position: fixed or position: sticky, not JavaScript scroll listeners that cause jank

Platforms like WeForAds handle all of these compliance and UX requirements automatically, including close button behavior, safe area positioning, and policy-compliant refresh intervals.

Measuring Sticky Ad Performance

Track these metrics to ensure your sticky ads are working as intended:

• Close rate: Percentage of users who close the sticky ad. Healthy range: 5-15%. Above 25% suggests the ad is too intrusive.
• Viewability rate: Should be 85%+. If below 80%, check your implementation for rendering issues.
• Incremental revenue: Compare total page RPM before and after adding the sticky unit. The sticky should add revenue without reducing CPMs on your other placements.
• Bounce rate impact: Monitor bounce rate for 2-4 weeks after launching sticky ads. An increase of more than 2-3 percentage points suggests the implementation needs adjustment.
• Session duration impact: Should remain stable. A decrease indicates users are leaving due to the ad presence.

Frequently Asked Questions

What are sticky ads?

Sticky ads (also called anchor ads or adhesion ads) are ad units that remain fixed in a specific position on the screen as the user scrolls. Common types include footer sticky bars anchored to the bottom of the viewport, sidebar sticky units that follow the user down a long page, and header sticky banners. They maintain continuous visibility, dramatically improving viewability rates and revenue.

Do sticky ads hurt user experience?

When implemented correctly, sticky ads have minimal negative impact. Keep them small (under 15% of viewport on mobile), always include a visible close button, avoid covering content or navigation, and use smooth animations. Poorly implemented sticky ads that cover large portions of the screen will increase bounce rates and may violate Google's Better Ads Standards.

What viewability rate do sticky ads achieve?

Sticky ads consistently achieve 85-95% viewability, compared to the industry average of 50-55%. Because they remain in the viewport, they easily meet the IAB standard. This high viewability makes sticky inventory attractive to advertisers, who typically bid 30-60% higher CPMs.

Does Google allow sticky ads?

Yes, Google allows sticky ads with specific requirements: on mobile they must not cover more than 30% of the screen, must include a close button, and should not appear until after the user starts scrolling. Compliant sticky footer bars and sticky sidebar units are fully permitted in both AdSense and GAM.