If your website runs on WordPress and you are not monetizing your AMP page with Google AdSense then you are neglecting huge of money that’s meant to be yours.
We have previously talked about how to display Google AdSense ads on an AMP website (you can check it out here) but using these plugins listed below was not discussed in detail as we have done right here.
This page has covered the step by step to display Google Ad in a WordPress AMP website. All you need is to follow the guide and get the same results.
Plugins To Use
- Ad Inserter – Ad Manager & AdSense Ads By Igor Funa: This is one of the most popular WordPress plugins with Thousands of Active installations and ratings. The plugin is simple and straightforward to use. It has always been a No.1 choice for site-owners until the Google Site Kit by Google was launched.
|1.||It allows users to input (display) ads at the exact positions they desire on their AMP pages.||It requires users to edit a tin part of the AdSense AMP code (as shown below).|
|2.||The Plugin is free to use.|
|3.||It has other features to avoid users from installing additional plugins. For example, automatically Inserting Ads.txt code into the site (if enabled), and many more|
- Site Kit by Google – Has now become the most used plugin as long as displaying Google Ad in a WordPress AMP Website is concerned. Google made it easier to use such that the plugin links directly to your Google AdSense account, then ads begin to display both in AMP and NON-AMP pages – if the Google AdSense Auto Ad is “Enabled”.
|1.||All feature in the plugin is free.||One thing Google need to improve is the display of ads on AMP pages, most times displays ads in an annoying position and manner.|
For instance, because it injects ads automatically, multiple or triple ads could sometimes display before the main content, and/or displays in-between a little sentence.
Although, there are ways to manage all this (how the Auto ads should display, number of ads, etc). But could be difficult for a newbie to understand and implement fast.
|2.||Users can use other features such as Analytics, Search Console, AdSense, Speed, etc. and avoiding the installation of additional plugins.|
|3.||Because it is own and managed by Google it makes it even easier to use and builds confidence to use also.|
|4.||No need of touching any AdSense code, Google automatically takes care of the ad display functionalities once turned on (Enabled).|
So those are the plugins we’ve used to explain the steps to display Google Ad in a WordPress AMP Website using Plugins
Please note that both plugins can either be used (installed) together or you select a preferred one and what you aim at achieving. Please, visit this page, here to learn how to install and activate WordPress Plugins.
Using Ad Inserter WordPress Plugin to Display Google Ad in a WordPress AMP Website
Open the “Ad Inserter” plugin you just installed. From your Wp-admin page, navigate to “Settings” and select “Ad Inserter”, the page should display like this (see image below).
These are steps you should follow to insert Google Ad in an AMP WordPress site.
Step 1: Log in to your Google AdSense account.
Go to www.adsense.com and click on Sign In. Your email and password is the required access to your Google AdSense account.
Step 2: Navigate to the Ads setup area
To get there, click on the “Ads” menu >> from the top bar of the Ads page you should see
- By site
- By ad unit
- Global settings
Select the second option, “By ad Unit“.
Since you’re setting up an AMP ad, which doesn’t work yet with In-feed ads and In-article ads. Select the first option “Display ads“.
Sometimes it isn’t relevant to create new “Display Ads”, you can also locate any “Display Ads” you previously created to carry out the steps below.
Step 3: Get The AMP Ad Code
Then navigate from the HTML to the AMP. You should see two codes set of codes.
Copy and paste the Google AdSense AMP “Step 1 code” (as shown on the image above) to the header of your site theme. But remember, we’re using the “Ad Inserter” which has the ability to do that, so you won’t have to start installing a separate plugin for it. So go back to the “Ad Inserter”.
Click on the Settings icon on “Ad Inserter” then select “Header” and paste that code which you previously copied from your Google AdSense AMP Step 1 code.
Then turn on the “Ad Inserter Header” by clicking on the “grey dot” which becomes green (when turned on). Then click on “Save Settings”.
Then select any of the empty boxes from 1 to 16 to complete the remaining setups >> insert your ads on the preferred strategic positions.
Go back to your Google AdSense AMP ad page and copy the ad code for “Step 2”. But you see, another code “|amp|” will be included in the ad inserter box.
The code “|amp|” help to inform Ad Inserter that the ad code should only display on the AMP page.
The image below shows how is configured;
Then head back to your Google AdSense AMP ad Page and click on the “Done” button to complete this setup.
That’s just it!
Setting Up the Site Kit by Google Plugin
No much things are expected here since everything is automated for you after you’ve downloaded and installed the plugin from the WordPress plugin Directory.
Navigate to the “Site Kit by Google Settings” and select the AdSense, then connect your account by logging into your Google AdSense. Ensure to follow all the steps instructions and allow the connection.
Your Google Ad will start displaying on your WordPress AMP pages.
Are there other plugins that you use that are better than Google site kits and the Ad Inserter plugin?
Please do let us know through the comment box below. Also if you have any question or contribution, feel free to share in the comment box.