How To Gear Upwards Page-Level Adsense Ads Inwards Your Spider Web Log

This article describes Page-level ads, a novel type of AdSense promotion which Google has latterly introduced.   It includes how to ready these ads if you lot role Blogger, together with around troubleshooting information nigh them.  

It too describes how to create an fault inwards the code which is supplied, which causes a message similar "Attribute squall "async" associated alongside an chemical factor type "script" must endure followed past times the ' = ' character".



What are Page Level AdSense ads

Google has latterly introduced a novel type of Adsense ad-units, which may endure shown to people who see a website using a mobile device (eg smartphone of tablet),

There are ii types of Page-level ads:
  • Vignette ads:   When a visitor on your site clicks on a link to around other page on you lot site, a vignette advertizement may endure loaded equally a full-page overlay which the user needs to unopen earlier they come across the page which they navigated to.
  • Overlay ads:   these are smaller ads which present at the move past times or bottom of your screen, together with which "stick" to the edge, thence they look to remain inwards house equally the user scrolls upward together with downwardly your site.   The see may click on them inwards the green way.

For Blogger users, these ads are alone currently available if you lot convey a amount AdSense account: if you lot alone convey a hosted AdSense account, together with thence you lot cannot larn the code to install them.   But if you lot exercise convey a amount AdSense line organisation human relationship (either because you lot convey a custom domain, or because you lot signed upward for AdSense earlier the "host AdSense account" pick was introduced), they are attractive because they don't count towards the count of advertisement-units which you lot are allowed to display on each page.

They too alone function if you lot convey a mobile subject switched on for your blog, thence that visitors who role a mobile device come across mobile-optimised screen.


How to install AdSense Page Level ads inwards Blogger

Log inwards to your AdSense account.

Go to the My Ads tab

Turn on i or both of  Overlay or Vignette ads options.
(By default, they are both turned Off.    Click on the empty box beside the "0" to plow an pick to  on:  in these controls, 0 way "off" together with 1 way "on".)




Click the < > Get Code button.

Copy the code that is generated.

Switch to Blogger, together with edit your theme in the green way.

Find the text   <head>    (including the brackets).

On the real adjacent line later on <head>, paste in your code.

Optional - but highly recommended - add comments to clearly present what this code is for.   I normally use
<!-- START ADSENSE PAGE LEVEL ADS -->
together with and thence the code goes inwards hither ...
<!-- END ADSENSE PAGE LEVEL ADS -->
Preview the theme, together with make certain it's working.
(See Troubleshooting department below if you lot larn a message nigh   Attribute squall "async" associated alongside an chemical factor type "script"    or similar.

Save the theme.



Job done!   This is all you lot withdraw to exercise to enable page-levels ads for your blog:   you lot exercise non withdraw to install gadgets to tell where these ads go, because Google handles this for you.


How to come across what page-level ads await similar inwards your blog

Visit your spider web log using a smartphone or tablet.

Add the text   #googleads   at the halt of the website address, thence it changes from something like:
http://blogger-hints-and-tips.blogspot.com/?m=1
to something like:
http://blogger-hints-and-tips.blogspot.com/?m=1#googleads

After this, when you lot click on a link to motion a unlike page inwards your blog,  a Vignette mode advertizement volition display - these are whole-page ads, which include a "close ad" button, similar this:



Troubleshooting

Extra "src" text inwards the ad-code

Right now, in that place is a employment alongside the code that AdSense are providing.   I don't know if this is because Blogger doesn't empathize a characteristic that AdSense is using, or if it's a genuine bug.    But if you lot come across a message similar this when you lot endeavour to preview the theme:
Could non charge subject preview: Error parsing XML, line 21, column 15: Attribute squall "async" associated alongside an chemical factor type "script" must endure followed past times the ' = ' character.
together with thence there's a real uncomplicated modify that you lot convey to make.

All you lot convey to exercise is delete the "src" right away later on the discussion async.

So your code changes from similar this:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-DONT-USE-MY-NUMBER-GET-YOUR-OWN-PUBLISHER-ID",
    enable_page_level_ads: true
  });
</script>

to similar this:
<script async ="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-DONT-USE-MY-NUMBER-GET-YOUR-OWN-PUBLISHER-ID",
    enable_page_level_ads: true
  });
</script>

Different Page Level settings for unlike websites

If you lot are using Adsense across several unlike websites, together with thence you lot may desire to enable i of vignette or overlay ads on around sites, together with a unlike pick on others.

Currently, in that place is no way to exercise this:  you must withdraw i combination of:
  • No Page Level ads
  • Overlay ads only, no Vignette ads
  • No Overlay ads, but exercise present Vignette ads
  • Allowing Google to withdraw Overlay and/or Vignette ads

Stop Vignette ads beingness attached to around links

By default, whatever link to around other page inwards your spider web log may convey a Vignette advertizement attached to it.    However in that place may endure around links which you lot specifically don't desire this to withdraw house to - for representative if the user actually needs to squall upward what was on the electrical flow page i time the larn to the adjacent one.

You tin give the sack forbid whatever Vignette ads beingness displayed when a user clicks a link past times adding a tag to the link.

The tag to add together is:
data-google-vignette=”false”

together with you lot withdraw to switch to Edit HTML (top left of the post-editor window) to add together it.

This is an representative link to around other page on this spider web log which is prevented from having a Vignette ad, together with this is the HTML code I've used to attain this.
<a data-google-vignette=”false” href="https://wildswann.blogspot.com//search?q=simpler-but-more-limited-adsense-sign">an representative link</a> 

More help

Google convey provided to a greater extent than information nigh Page degree ads here.



Related Articles

Setting upward a mobile subject for your blog

Editing your Blogger theme

Hosted AdSesne accounts for Blogger users
Post a Comment (0)
Previous Post Next Post