AMPforWP is a Most Popular AMP Plugin for WordPress and Providing Best User Experience and Features. The Free Version of AMPforWP Has Lots of Limitations, But We Have Found a Way to Add Sticky Ads in WordPress AMP without any Plugin.
Sticky Ads Can Increase Your Adsense or any other Ad Service Earnings. The Reason is Sticky Ads are Always Shown at the bottom of the Page/Post, No Matter if Someone Scroll or Not. You Can Add Any Type of Ad in Sticky Ads Section (Link Ads, Responsive Ads, Image Ads, Fixed Ads and More. Those Who Doesn’t Know About AMP, Click Here- What is Google AMP? What are its advantages and disadvantages?
Remember: Maximum Height of Sticky- Ad is 100px. Don’t Increase More Than 100px, Otherwise, Height Would Be 100px and Exceeded Ad Height would Overflow content of Sticky-ad will not show. Furthermore, Width of Sticky-ad is set by using CSS to 100% and it’s unchangeable.
Here is how Sticky-ads look in action:-
- Max-height = 100px
- Width = 300px (or 100% – Unchangeable)
- Placement = Bottom
- Supported Layout = nodisplay(Required)
- Opacity = 1 (Unchangeable)
- Background Color = Changeable (No Transparent or Semi-Transparent)
- Align = Center (In Landscape Mode)
- Behavior = Can be Closed/Hide by User
- If Ad Not Available = Sticky-ad Container would be hidden
- Custom Style = Can Be Customized using CSS
- Must cover less than 30% of the display (Google Chrome policy)
Rules and regulations
DFP/AdX Publishers must comply with rules and regulations, Read Amp-sticky-ad Rules at DFP Help page.
Note: Google Officially Recommends not to use Sticky Ads on Pages with Infinite Scroll and Gaming Websites, For Better User Experience.
Introduction of AMP STICKY ADS 1.0
How to Add Sticky Ads in AMPforWP or AMP WordPress?
The Process of Adding Sticky Ads in WordPress AMP is Easy, We will Cover Each Step Briefly and Include Screenshots.
Follow These Steps to add Sticky Ads in AMPforWP:-
1 Step:- Open Your WordPress Dashboard and Click on AMP Plugin Option.
2 Step:– Go to AMP Dashboard and Click “Settings” Option, Then Click on “Advanced Settings” option under “Settings” Tab in Sidebar.
3 Step:– Copy and Paste this Code in “Enter HTML” in Head Section.
<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>
4 Step:– After that Paste Your Adsense Code in “Enter HTML” in Body Section.
<amp-sticky-ad layout="nodisplay"> <amp-ad width="320" height="50" type="adsense" data-ad-client="ca-pub-123456789" data-slot="98765432"> </amp-ad> </amp-sticky-ad>
Note: Create New Adsense Ad of “320” Width and “50” Height. You Can Create Any Kind of Ad and Also Add Responsive Ad Unit.
Well Done, Your Sticky-ads are Properly Added and now Appear on the AMP Post and Pages. We Have Tested This Method on Various Sites and it Works Smoothly.
Top 10 Highest Performing Google AdSense Banner Sizes & Formats for Your WordPress Site
- The Medium Rectangle (300×250)
- Large Rectangle (336×280)
- The Leaderboard (728×90)
- Half Page aka Large Skyscraper (300×600)
- Large Mobile Banner (320×100)
- Mobile Leaderboard (320×50)
- Wide Skyscraper (160×600)
- Portrait (300×1050)
- The Billboard (970×250)
- The Square (250×250)
For More Details of Top Performing Adsense Ads Sizes Visit Official Google Guide to Ad Sizes here.
Sticky- Ads A/B testing and optimization Results:-
Sticky Ads Boost 40-60% Click Through Rate as Compared to Other Ads.
Double viewability Up to 200% than Other Ads Placements.
Increases CPM Up to 30-70% Higher compared to other Display Ads(web).
Sticky Ads Doesn’t Annoy Users, they don’t Roam around in articles. Sticky ads increase user experience because the user gets annoyed by watching ads while reading the article.
*As seen in results from various online platforms results.
Well, You Have Added Sticky ads in Your AMP Version of Website. You May have Question that is it Safe? Does Adsense Allow Sticky Ads? YES! is the Answer of Your Questions. Sticky Ads are Now Part of Nearly 75% of Websites. Many People Prefer AMPforWP Advanced Ads Add-on, This Method Works Exactly Like that.
Having any Issues or Doubts? Feel Free to Contact us or Comment Below.
Note: The Code Provided in this Article is Officially From AMP Dev (Open Source). We Haven’t Copied Anything from AMPforWP Plugin, We Respect Their Policy and Services.
This is Officially Provided on amp.dev Website and Available for Everyone. Still, If You Prefer 24/7 Support and Automatic Experience then You Should Take a Look at AMPforWP Plugin.
How useful was this post?
Click on a star to rate it!
Average rating 3 / 5. Vote count: 2
We are sorry that this post was not useful for you!
Let us improve this post!
Thanks for your feedback!