Google New Page-level Adsense ads in WordPress

0
1308
Page level ads by Google

We all know most of us make a living out of Google Adsense and at the same time google is providing us with tons of different opportunities to make us get more out of what we are already earning.

Recently Google has announced Next Generation ads in to their catalog known as Page Level ads. The sole purpose of this ads is to help you monetize your mobile traffic and get the best out of it.

Page Level Ads have several benefits

  1. These ads are Optimized to show when they are likely to perform.
  2. Setup is so simple it allows you to place the Page-Level ad code on the page you would like ads to be shown or on entire site.
  3. You can easily adjust the settings in your account without actually changing the code on your website.
  4. It provides your users with smooth and good experience.
  5. It has no impact on your site loading speed.
  6. Last but not the least adding these ads on you website doesn’t count towards your Adsense per page ad limit.

Types of Page-Level Ads

Currently Google has introduced two types of Page-level ad formats.

  1. Anchor/Overlay Ad format  Anchor/overlay ads are mobile ads that stick to the edge of the user’s screen and are easily dismissible.
  2. Vignette Ad format – Vignette ads are mobile full-screen ads that appear between page loads on your site and can be skipped by users at any time. They’re displayed when the user leaves a page, rather than when they arrive on one, so the user doesn’t have to wait for them to load. Also, they’re limited in number per user to maintain a good user experience.

Page-level ads work with Android versions greater than 3.0 or IOS versions greater than 4.0 devices.

Steps to Activate Page-Level Ads on your Website

Step 1: Login to your Google Adsense Account.

Adsense login page

Step 2: Navigate to My ads Tab on the left hand side under Content Section you should be able to find Page-Level ads BETA.

Navigation to Page-level ads

Step 3: Turn on the ad formats that you would like to use on your website and get the code.

Page-level ads enabling

Click on <> Get Code button and follow the instructions. As mentioned please make sure to place this ad code in the header section of the page <head> tag of the pages or posts where you want to show the ads. It’s the same ad code for every page and site and you don’t need to change it even if you adjust your ad settings.

Use the following sample code snippet as a template of the ad code you’ll add to your pages. Be sure to replaceAdX_property_code_here with your own property code.  Create a custom channel in your AdX UI and ask your account manager for the corresponding 10-digit channel ID (note that this is different from the 7-digit channel ID you can see in Ad Exchange). Then, replace channel_id_here with your 10-digit channel ID.

Anchor/Overlay Ads Only:

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: ‘AdX_property_code_here’,
enable_page_level_ads: true,
overlays: {google_ad_channel: ‘channel_id_here’}
});
</script>

Vignette Ads Only:

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: ‘AdX_property_code_here’,
enable_page_level_ads: true,
vignettes: {google_ad_channel: ‘channel_id_here’}
});
</script>

Both Anchor and Vignette Ads:

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: ‘AdX_property_code_here’,
enable_page_level_ads: true,
vignettes: {google_ad_channel: ‘channel_id_here’},
overlays: {google_ad_channel: ‘channel_id_here’}
});
</script>

Step 4: Testing Page-Level Ads with the preview tool.

After adding the code Ad Exchange only shows Page-level ads on your site at optimal times, so you must use the preview tool to check whether the ads are working correctly or not:

  • On a mobile device, visit the page where you want to test Page-level ads.
  • In the address bar of your mobile browser, add #googleads to the end of your page’s URL. For example, www.example.com#googleads.
  • Select the ad format that you want to test and Check the results of the test on your device.

If you have a WordPress website and doesn’t want to mess with the code directly then you can Install plugins that are available. One such plugin I personally use on my website is Insert Headers and Footers.

Install the plugin on your WordPress website –> Activate it –> Navigate to Settings tab –> Goto the Plugin options. Now enter the code which you got in Step 3 and activate it. Now you are all set with Page-Level Ads.

Let me know what you think about this Amazing Page level ads feature by Google in the comments section below. Feel free to share the article if you like it or if it can benefit someone in your circle because sharing is caring !! 🙂

LEAVE A REPLY

Please enter your comment!
Please enter your name here