How to use Custom Banner ADS in AMP

A user asked: I looked at using the Ad section for this, but I see you can only use real ad networks, not just banners, or content of your choice.

Follow the simple steps:

Step 1: Install the Advanced AMP ads extension

Step 2: Go to WordPress admin area ->AMP option panel -> Advanced AMP ADS.

This is the example of Code

That Text-area is AMP HTML enabled, so in order to add a banner, you can use below HTML code:

<a href="http://WEBSITE.com">
<amp-img src="https://Website.com/Banner.png"></amp-img>
</a>

Note: Replace the website URL and Image banner URL with yours and save it.

In the Advertisement section, we provide users to place Ad in 4 possible places. These are free Ads option you can display your ads in 4 places.

  • Incontent Ad#1: First enable this option.
  • Advertisement Type: Select the Custom Advertisement Option.
  • Custom Ads incontent Ads Position: Select after how many paragraphs your ads should show.
  • Advertisement Code: In this field, you can add your custom Advertisement code for any third party companies who provide AMP compatible code or you can also add images.
  • Click on the “Save changes” button.

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