Categories: AMP - Guide

Step-By-Step Guide for How to Insert ADS between post content in AMP

There is no need to mention why Adsense in important in websites. In the previous post, we have discussed on How to Activate AMP on WordPress site, Google Analytic for AMP and Customizing AMP, Many bloggers asking for How to add advertisements in the middle of the content in AMP version of the article post, So we come up with new ADVANCED AMP ADS extension to the Accelerated Mobile Pages Plugin. Now you can display Adsense ads in between the post content and Sticky Ad in the bottom of the screen.

Image Source: GoogleBlog

Have a look at the screenshots of Ads placed in AMP version of the website.

In Content Ads (Premium Advanced AMP ADS Add-On)

Downloading Advanced AMP ADS Add-On

Click Here to Purchase the Add-On for Accelerated Mobile Pages Plugin Worth $29.99

Click on Purchase –> Fill-In Billing Details –> Click Place Order –> Complete the payment by Debit / Credit Card.

After Successful Payment, Click Here to Download Add-On for Accelerated Mobile Pages Plugin from My Downloads Page.

Installing & Activating Advanced AMP ADS Add-On

Note: FileZilla FTP Client Required is to Activate the Add-On or Login to CPanel –> File manager

  • Navigate to Downloads folder –> Extract the advanced-amp-ads.Zip files to desktop (or wherever you like).
  • Open FileZilla FTP client –> Connect to Your WordPress Website.
  • In Remote Site Plane, Go to –> Root Directory –> Wp-content –> Plugins
  • In Local Site Plane, Go to –> Extracted folder –> Right-click on Folder –> Click Upload.

OR

  • Drag and Drop the Extracted folder to Plugin Folder 

Activating Plugin

Login to WordPress Admin panel –> Plugins –> Click on Activate Advanced AMP Ads

Adding Advertisements

  • Login to Google Adsense Account –> Go to My ads tab –> Create New Ad Unit or Select Existing ad unit of any size –> Copy the AD Slot Id and Publisher Id

Note: Selecting Responsive Ad size is recommended for Sticky Ad.

  • You will find this option in the WordPress Dashboard -> AMP option panel -> Go to Advanced AMP Ads -> Paste the Publisher Id in DATA AD CLIENT Section and Ad Id in DATA AD SLOT Section –> Click on Save Changes

If you select Adsense option from Advertisement type below the option will appear like below the screenshot.

  • Responsive Ad unit: If you enable this option ad will be automatically adjusted on any device.
  • Width: In this field enter the width of Ads
  • Height: In this field enter the height of Ads

 

Conclusion:

AMP is the most powerful and great innovation by Google, Integrating Adsense in AMP will stabilize your earnings without affecting user experience. There is much work ahead and more future updates on the way to bring more benefits to users and publishers.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Share
Published by
Ahmed Kaludi

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

3 years ago

What is the CWV plugin all about

Core Web Vitals are the subset of Web Vitals that apply to all web pages,…

4 years ago

How to fix “Alternate page with proper canonical tag” Page Index issue in Google Search Console

The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…

4 years ago