News!! How To Educate Page-Level Adsense Ads Inward Your Spider Spider Web Log

This article describes Page-level ads, a novel type of AdSense promotion which Google has latterly introduced. It includes how to railroad train these ads if yous component division Blogger, together with or then troubleshooting information almost them.

It too describes how to create an error inward the code which is supplied, which causes a message similar "Attribute squall "async" associated alongside an chemic element type "script" must concord upward followed yesteryear the ' = ' character".

What are Page Level AdSense ads

Google has latterly introduced a novel type of Adsense ad-units, which may concord upward shown to people who encounter 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 or then other page on yous site, a vignette advertizing may concord upward loaded as a full-page overlay which the user needs to closed before they come upwards across the page which they navigated to.

Overlay ads: these are smaller ads which demonstrate at the give or bottom of your screen, together with which "stick" to the edge, hence they look to stay inward line of piece of job solid as the user scrolls upward together with downwardly your site. The encounter may click on them inward the green way.

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

They too solely operate if yous withdraw a mobile theme switched on for your blog, hence that visitors who component division a mobile device come upwards across mobile-optimised screen.

How to install AdSense Page Level ads inward Blogger

Log inward to your AdSense account.

Go to the My Ads tab

Turn on 1 or both of Overlay or Vignette ads options.
(By default, they are both turned Off. Click on the empty box beside the "0" to turn 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 genuinely side yesteryear side run later <head>, paste in your code.

Optional - but highly recommended - add comments to clearly demonstrate what this code is for. I usually use

together with in addition to hence the code goes inward hither ...

Preview the theme, together with make certainly it's working.
(See Troubleshooting subdivision below if yous instruct a message almost Attribute squall "async" associated alongside an chemic element type "script" or similar.

Save the theme.

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

How to come upwards across what page-level ads concord dorsum similar inward your blog

Visit your weblog using a smartphone or tablet.

Add the text #googleads at the terminate of the website address, hence it changes from something like:

/?m=1

to something like:

/?m=1#googleads

After this, when yous click on a link to displace a unlike page inward your blog, a Vignette way advertizing testament display - these are whole-page ads, which include a "close ad" button, similar this:

Troubleshooting

Extra "src" text inward the ad-code

Right now, at that topographic indicate is a run alongside the code that AdSense are providing. I don't know if this is because Blogger doesn't empathize a feature that AdSense is using, or if it's a genuine bug. But if yous come upwards across a message similar this when yous endeavour to preview the theme:

Could non accuse theme preview: Error parsing XML, run 21, column 15: Attribute squall "async" associated alongside an chemic element type "script" must concord upward followed yesteryear the ' = ' character.

together with hence there's a genuinely simple alter that yous withdraw to make.

All yous withdraw to exercise is delete the "src" at nowadays later the news 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 yous are using Adsense across several unlike websites, together with hence yous may wishing to enable 1 of vignette or overlay ads on or then sites, together with a unlike pick on others.

Currently, at that topographic indicate is no way to exercise this: you must withdraw keep away 1 combination of:

No Page Level ads
Overlay ads only, no Vignette ads
No Overlay ads, but exercise demonstrate Vignette ads
Allowing Google to withdraw keep away Overlay and/or Vignette ads

Stop Vignette ads beingness attached to or then links

By default, whatever link to or then other page inward your weblog may withdraw a Vignette advertizing attached to it. However at that topographic indicate may concord upward or then links which yous specifically don't wishing this to give to - for trial if the user genuinely needs to shout out back what was on the electrical time period page 1 fourth dimension the instruct to the side yesteryear side one.

You tin forestall whatever Vignette ads beingness displayed when a user clicks a link yesteryear adding a tag to the link.

The tag to add together together is:

data-google-vignette=”false”

together with yous require to switch to Edit HTML (top left of the post-editor window) to add together together it.

This is an trial link to or then other page on this weblog which is prevented from having a Vignette ad, together with this is the HTML code I've used to compass this.

<a data-google-vignette=”false” href=" /search?q=simpler-but-more-limited-adsense-sign">an trial link</a>

More help

Google withdraw provided to a greater extent than information almost Page marker ads here.

Setting upward a mobile theme for your blog

Editing your Blogger theme

Hosted AdSesne accounts for Blogger users

ADS