AMP is an open-source HTML framework that has been designed to make web pages load faster (primarily in mobile devices). It can make a huge impact on your sites’ overall speed. Moreover, by September of 2020, Google will switch to ‘mobile-first indexing’. It means that Google will rank pages based on how they perform on mobile devices. And since faster speed is one of the factors that result in a good ranking, you should consider implementing AMP on your site.
But since you’re here, you must have already implemented AMP on your site. So in this post, we’ll discuss about putting ads between the paragraph of your AMP as well as non-AMP content on WordPress. We’ll primarily focus on AdSense, but this will also work for other major ad networks like media.net.
Step 1: Downloading the required plugin
The first thing you’ll need to do is install and activate a plugin named “Ads for WP“.
After the plugin is activated, you should see “Ads” in your admin panel on the left side of your dashboard.
Once you click on it, you’ll see an interface that is very similar to “Posts” and “Pages” panel. Therein, you’ll find a button labeled “Add New Ad”.
Once you click on ‘Add New Ad’, you’ll see a panel where you’ll have to set up your ad unit.
Set the Ad Type to your ad network. Here, I’m using AdSense. Then, you’ll have to enter your client id and ad id, which is provided by the ad network. For AdSense, you’ll have to create an ad unit and they’ll provide you with a code. There, you’ll find both client id as well as ad slot id. (Refer to the image below) Just copy it from there and paste it in your plugin.
Now here comes the important part. To show these ads in between the content, select the following options (as in the image below) in the ‘Display’ section of the plugin.
Most of the settings here are pretty self-explanatory. You can change the number of paragraphs after which the ad should show up and it’s alignment. But be sure that the Display Type is set to ‘Between the Content’.
You may also choose to show these ads on AMP pages only. For this, set the ‘non-amp visibility’ to ‘hide’ on the right pane. If you want to show it on both AMP as well as non-AMP sites, keep both of them ‘enabled’.
After you’re done setting up the ad, click on ‘Publish’. These ads might take about 20-30 minutes to start showing up on your site.
If you face any problem following along, be sure to comment it down below and I’ll try my best to help.