Google Adsense is a CPC (Cost Per Click) advertising placement program which is run by Google to allow websites owners who wants to display targeted images, text or videos on their websites and earn when their visitors view or click on those ads.

We are not going to dwell on what Google adsense is all about. That will be a topic for another day. What we shall dwell on is how to setup adsense page level ads for a blog.

You must be a blogger and also have a blog before you can do this. To create a blog, tap here. But before you create a blog, you should know the reason why you created it and you should also be ready to make blogging your passion. Let's move to the topic of the day.

Page-Level ads are a family of ad format that offers you a new and innovative way for you to monetize and earn with your website's contents. Page-Level ads were made available first for blogspot bloggers to help them display ads right on their blogger for greater earnings. It is also available for wordpress bloggers now.

Let's see some facts about Page-Level ads.

  • These ads are shown by adsense at optimal times, (meaning that, they don't appear at all times).
  • There are two available ad formats which are (Anchor/Overlay ad and Vignette ad).
  • These ads only display on optimized and responsive websites.
  • They provide a good user-experience
  • Increase Revenues/Earnings.
I shall explain in details the two types of Page-Level ad formats, and also explain how to insert the code in the HTML of your blog template/theme, and also explain how to check if its working for your site.


Anchor/Overlay Ad

Anchor/Overlay Ad are responsive Ad formats that do stick to the bottom of the mobile template/theme of user's screen. This Ad can be a text or image based Ad. Below is an image of this Ad format.

This Ad format can easily be closed by toggling the top button pointed by that arrow in the image above. Pretty easy.

Vignette Ad

Vignette Ad are mobile responsive Ads that do cover the entire screen of user's on that particular web-page. This Ad can be skipped by the users at any chosen time. Below is an image of this Ad format.

This Ad appears like a pop-up Ad but it's not really a pop-up Ad. It is shown at optimal times by Google Adsense to help increase earnings of the publishers. This Ad do provide a good user-experience and can only be displayed on optimized and responsive websites.


You can implement and get the HTML code of your Page-Level Ad directly from your adsense account dashboard. All you have to do is follow these simple steps.

  • Login to your Adsense account.
  • Follow this link to go directly to Page-Level Ads menu.
  • Click on the two toggle buttons to switch on "Anchor/Overlay Ad" and "Vignette Ad".
  • Now scroll down the page and click on the "Get Code" button.
  • After clicking on the "Get Code" button, the whole code will be displayed to you. Then now you should copy the code.

This is it. It's time to add that code you copied in the HTML of your blog's template/theme.


To add page-level ads in blogger can be a bit tedious/difficult, but if you follow these below instructions carefully, its going to be an easy task for you.
  • Firstly, you need to parse/convert that page-level ads code which you copied.
  • Visit this link to convert/parse the code.
  • After converting the code, goto your blogger dashboard.
  • Click on Theme  > Backup And Restore.
  • Backup your template first to be on a safe side.
  • Then click on "Edit HTML" and search for this code </head>
  • When you find it, then paste your converted page-level ads code right above it or below it or right after it.
  • Example is </head>Your Ads Code Here.
  • Then after doing this, you then Save Changes.
That's how to add page-level ads code in the blogger platform. Let's see how to add the code in wordpress platform.


If you're a blogger and you use the wordpress platform, then follow these below easy steps to add page-level ads to your blog. Note: You don't need to parse or convert the code which you copied.
  • Goto your wordpress dashboard.
  • Then click on "Appearance"
  • After that click on "Editor"
  • Then search for header.php
  • Open it after finding it. Then paste the copied page-level ads code after the </head> or before the </head>
  • Then save the changes.
That's how to add the page-level ads code in the wordpress platform. Let's see how to check if the page-level ads is working in your blog.


It is essential to check/test if page-level ads is working on your site so that you can know if you did the setup well. Follow these steps to check if page-level ads is working.
  • Goto mobile web browser.
  • Now type your website URL and at the end add #googleads
  • For example:
  • Then after doing this, a pop-up box will appear at the top of your website. Then you will see the two ads format (Anchor and Vignette).
  • Then choose any of them which you want to be displayed, then the Ad type will be shown. If non displayed, means you didn't setup the page-level ads well. That means you should go correct your mistake.
Below is an image of the pop-up box that will appear.

That's it about page-level ads setup. But if you encounter any problem, feel free to ask questions via the comment box and I will try to help you. Do not also forget to share this awesome article to other bloggers so they can also benefit. Thanks And Enjoy...


Author Info

I Stay Anonymous. Still Reach Out To Me Via The Social Buttons Below.

Post A Comment:


  1. I can't do it perfectly Because my phone hang when it got to the Edit HTML, any help don't know, how to do this now