How to Add Adsense Page-level ads in Blogger

Description: Adsense page-level ads anchor/overlay and vignette to add in your Blogger blogs and improve your adsense earning via smart devices.

According to Google, page level ads are new and innovative way to monetize publisher's content. You can read more about the new page level ads by visiting above mentioned link. Similar as general adsense ads, you just need to place the same piece of ad code once in your page where you want to show page level ads. Adsense will automatically show the page level ads at optimal times when they are likely to perform well. Keep in mind, page level ads are mobile ads so it will only display to your mobile users and they don't count towards your three ads per page limit. Currently adsense offers two types of page level ads.
how to add page level ads in blogger

  1. Anchor/overlay ads

    Anchor/overlay ads are mobile ads that stick to the edge of the user's screen and are easily dismissible.
  2. Vignette ads

    Vignette ads are mobile full-screen ads that appear between page loads on your site and can be skipped by users at any time. 
Recently, I have added both types of ads in this blog and they are performing well on high-end mobile devices. RPM is very high for vignette ads because of 100% "active view viewable". Therefore, if you're an adsense publisher you can improve your adsense revenue by showing these types of ads to high-end mobile users. Here is a step by step guide to add page-level ads to your blog.

You may also read:

Add Adsense Page-level Ads in Blogger

  • Go to your Google Adsense dashboard. Click on "My ads" -> Page-level ads. Switch on the status of ad formats that you want to show. You can on both ad formats at the same time.

    code for page level ads
  • Now, click on "< > Get code". It will be prompt up in new window. Copy the code, and close it. Now, go to Adsense code converter and scroll down the page, paste your adsense copied code in the text field, and click on "Convert". Your adsense code now fully compatible to Blogger XML source code. You will use this code into your Blogger. So, copy this code and paste to any safe place as we will use it later.
  • Now, go to your Blogger dashboard -> Select your blog -> Template -> Edit HTML. Click anywhere in the source code area and press "Ctrl + F", find <body> tag by "<bod" without quote and hit enter.

    how to paste page level ad code into blogger

    Paste your desired adsense page-level ad code here just below to <body> tag. Finally click on "Save template". You have done.
  • You may view in my source code, I have wrapped this code within some piece of code because I am currently showing our page-level ads to Blogger posts, not in the pages, label pages and search pages. If you also want to show your page level ads to your Blogger posts only, paste the following code.

    <b:if cond="data:blog.pageType == &quot;item&quot;">
    Your Adsense Code Here
  • If you want to show your page level ads to your Blogger posts including homepage, then use the following code.
    <b:if cond="data:blog.pageType == &quot;item&quot;">
    Your Adsense Code Here
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    Your Adsense Code Here
  • If you need to show or hide your ad code to specific pages, you need to read this post, hide or show anything in Blogger.
If you're already using these ads, you may share your experience here. If you have any difficulties to implement level ads in your Blogger, you can feel free to ask here in the comment.

Like Us on Social Media
Share this article
Copyright © 2015 • All Rights Reserved.
Powered by Blogger
back to top