Blogger, Google AdSense, Monetization, Page-Level Ads, Vignette Ads

How to Activate and Place Page-Level Ads on Blogger

How to Activate and Place Page-Level Ads on Blogger? Google AdSense put forward a new feature called Page-Level ads. AdSense announced a new way to monetize your website and fabricate money from your online website. Earlier it was only for those who have fully activated AdSense Account. But, now it is available to all the publishers i.e. hosted accounts and non-hosted accounts. AdSense Page Level Ads are optimized to only appear when they’ll perform well for you, and also Page Level Ads provide a good user experience. In my earlier post I already discussed about AdSense Page-Level ads. In this post I will help and guide you to activate and start Page-Level ads on your blogspot blog.

How to Activate and Place Page-Level Ads on Blogger
How to Activate and Place Page-Level Ads on Blogger

To set up Page-level ads to appear on the pages of your site, follow these steps:

  1. Sign in to your AdSense account.
  2. Find Page-Level Ads
  3. Activate Page Level Ads(Beta)
  4. On the “Page-level ads” page, use the controls to select which ad formats you’d like to show on your site.
  5. Click Get code.
  6. Copy the ad code and paste it in the <head> tag.
  7. Error parsing XML.
  8. Solution of Error parsing XML.
  9. Test Page level ads with the preview tool.
  10. Google AdSense Page Level Ads

Sign in to your AdSense account.

First of all, you have to Sign in to your AdSense Account in order to activate Pagel-level ads.

Login to activate page-levels ads on blogger
Login to activate page-levels ads on blogger

Find Page-Level Ads

Next step afterward Login you have to click ‘My Ads’ in the left navigation panel. Under ‘Content’ click ‘Page-Level ads’. 

Click page level ads to activate
Click page level ads to activate

Activate Page Level Ads(Beta)

Afterward, On the “Page-level ads” page, use the controls to select which ad formats you’d like to show on your site. You can activate both of the ads i.e. Vignette Ads and Anchor/Overlay ads or any one. I recommend to activate both ads.

Activate page level ads Anchor overlay ads vignette ads
Activate page level ads Anchor overlay ads vignette ads

Click Get code

After turning On the ads, you have to click <> Get Code button. You have to select and copy all code. Place this ad code in the <head> tag (or just after the opening of the <body>) in the Edit HTML Template in blogger. One tag for whole site, and you won’t need to change it even if you adjust your Page level ads settings.

Click Get code and copy code page level ads
Click Get code and copy code page level ads

Copy the ad code and paste it in the <head> tag

Afterward, copy and paste the code in the <head> tag. Go to, Blogger Template and Click “Edit HTML”. Paste the Code just after the <Head> tag. For example, see the image below.

how to Paste Adsense Page Level ads in blogger template
Paste Adsense Page Level ads in blogger template

Error parsing XML

If you just copy and paste the code in the <head>tag, you will face one error-

“Error parsing XML, line 5, column 15: Attribute name “async” associated with an element type “script” must be followed by the ‘ = ‘ character.”

Solution of Error parsing XML

To resolve this error, you have to write async=”async” in place of async. Then save the Template.(See the picture below)

how to Paste Adsense Page Level ads in blogger template
Paste Adsense Page Level ads in blogger template

Test Page level ads with the preview tool

To check that the Page Level ads are working or not you have to use one mobile or smartphone. (I prefer Google Chrome Browser)

  1. On a mobile device, visit the page where you want to test Page level ads.
  2. In the address bar of your mobile browser, add #googleads to the end of your page’s URL. For example, abcd.blogspot.com#googleads
  3. Select the ad format that you want to test.
  4. Check the results of the test on your device.
  5. For vignettes, the preview tool highlights all links on your page that can show a vignette ad. Click any of these links to test your vignettes. Note that the preview tool won’t highlight any links that contain a “stop” word. AdSense has a list of “stop” words that are typically navigation related, such as “Log out”, for which vignette ads aren’t shown.
Test Page-level ads on your site
Test Page-level ads on your site

Testing – Anchors and Vignettes test Successful.

Testing AdSense Anchor Vignette ads for blogspot users in mobile
Testing AdSense Anchor Vignette ads for blogspot users in mobile

Google AdSense Page Level Ads

Note: If placing the code in the <Head> tag not working then I will recommend you to place the code just after the starting of <body> tag. But keep in mind that this code should open first.

Note: Page level ads work with Android versions greater than 3.0 or iOS versions greater than 4.0 devices and don’t count towards the ads per page policy limit. This means you can place the limit of ads on one page as defined in the Ad Exchange program guidelines, as well as one additional Page-level ad.

Leave a Reply

Your email address will not be published. Required fields are marked *

1 + 9 =