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="//"></script>
     (adsbygoogle = window.adsbygoogle || []).push({
     google_ad_client: "ca-publisher id",
     enable_page_level_ads: true
  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="//"></script>
     (adsbygoogle = window.adsbygoogle || []).push({
     google_ad_client: "ca-publisher id",
     enable_page_level_ads: true
  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 on your mobile phone
  • Change the URL to
  • 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


  1. Arjun Nagar September 12, 2016
    • Aman Sharma September 12, 2016
  2. ANI CHUKWUEMEKA HENRY March 26, 2017
    • Sanket Maheshwari April 2, 2017
  3. aliraza May 29, 2017
    • Sanket Maheshwari May 30, 2017
      • Prsth September 2, 2017
  4. aliraza May 29, 2017
  5. Salman Shek Mohammed January 1, 2018
  6. Edico Creator June 26, 2018
  7. Miraj Mustafa October 20, 2019

Leave a Reply