TheTechPie
Page level ads

How To Setup AdSense Page level ads on Blogger

How To Setup Page level ads in Blogger

Recently, Google AdSense (Google Ads) have rolled out it’s Page level Ads which are now available to be used globally. These are similar to monetizing your Mobile apps (AdMob Ads)
Page level Ads are Mobile only ads, i.e. these appear only for mobile viewers!

What’s so special about Page level Ads?

  • Mobile Responsive

Hell Yeah! Google Adsense optimizes it for Blogger Mobile templates!… All you need is a good Responsive and Optimized Blogger Template! 

Here are some Free Blogger Templates, all of these are Mobile Responsive, SEO Optimized Blogger templates!

  • AdSense will automatically show Page level ads at the right times to provide a good experience for your users as well as increase your revenue!
  • Doesn’t count 3 ads per page limit policy by Google ads. Now you can place the 3 ads while monetizing your blog with Page level ads!
  • Only serve on mobile-optimized webpages on high-end mobile devices

Page level Ad Formats

As of now, there are 2 types of Ad Formats which have their own different features! I’ll brief them up for you!
 

Anchor/Overlay Ads

Anchor or Overlay Ads are basically really small ads which display at the bottom of the mobile user screen! These can easily be swiped/dismissed down by a simple toggle button at it’s top.
 
  • The Impressions of Anchor Ads are wayy more than Vignette Ads… So…. apply Anchor Ads and earn more money by displaying Google Ads
  • These appear when a user arrives at your webpage!

Anchor Ads
Anchor Ads

 

Vignette Ads

Vignette Ads are simply the ads which appear when your user clicks on an active hyper-link and the Ad covers the whole interface.
 
  • The Ad pops up when the user leaves a page (when a hyper-link is clicked)
  • The Impressions on Vignette Ads are very less for people who don’t Inter-link in their Blogposts!
Vignette Ads
Vignette Ads


Setup Page level Ads for Blogger 

Things work differently with Blogger! So here are some easy steps!
 
  1. Sign in on Google AdSense
  2. You’ll see Page level Ads introduction on the Dashboard. OR  Just simply Follow this link
  3. Activate both Anchor/Overlay and Vignette Ads.Page level ads implement
  4. Click on <>Get Code buttonGet Code
  5. Box will pop up; Copy the codePage level ads code

    It’ll look like this

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script>
     (adsbygoogle = window.adsbygoogle || []).push({
     google_ad_client: "ca-publisher id",
     enable_page_level_ads: true
     });
     </script>
  6. Now go to Blogger > Template > Edit HTML
  7. Search in Code [Ctrl + F OR Cmd + F] for <head></head> tag
  8. Paste your copied code in between the <head></head> tag
  9. NOTE :  After adding your code; make sure you do the following change!
    <script async='' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script>
     (adsbygoogle = window.adsbygoogle || []).push({
     google_ad_client: "ca-publisher id",
     enable_page_level_ads: true
     });
     </script>
  10. Make sure you replace async src=’……’ with async=” src=’……’
Page level ads in Template
Page level ads in Template


Test Page level Ads visibility on your Blogger Template

  • Go to www.yourwebsite.com on your mobile phone
  • Change the URL to www.yourwebsite.com#googleads
  • Google Page level Ads Box will appear on the top of your site; click on Anchor/Overlay and Vignettes turn by turn and test them on!
Test adsense ads
Test ads


Hey There!

Subscribe to our mailing list and get interesting tech stuff, updates and giveaway right into your email inbox.

Sanket Maheshwari

I'm a tech enthusiast who sometimes writes on his blog!

6 Comments

  1. Arjun Nagar September 12, 2016
    • Aman Sharma September 12, 2016
  2. ANI CHUKWUEMEKA HENRY March 26, 2017
    • Sanket Maheshwari April 2, 2017

Leave a Reply

We’re Social

Hey! Connect with us!