Creating Text Links Adsense AMP Responsive in Blog AMP


Creating Responsive Text Links Adsense AMP on AMP Blogs

Live Demo Here

My Backlink - In the article now we will share a tutorial how to create a responsive text links Adsense AMP on AMP blog.

The trick makes it very easy to show Adsense AMP banner ads.

First make sure that you have installed js amp-ad under <head> code, the amp's js code like the following.

<script async="async" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>


To note is to make sure that the ad unit you create is a text link ad unit, we recommend selecting responsive link ad units and select ad type text ads only.

Then use the following code to display the ads.

<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


If you want to display many buttons on Adnsese AMP's ad links text ad units, the code looks like this.

Responsive text links Adsense size 50
<amp-ad
layout="fixed-height"
height="50"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 100
<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 150
<amp-ad
layout="fixed-height"
height="150"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 200
<amp-ad
layout="fixed-height"
height="200"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 250
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 300
<amp-ad
layout="fixed-height"
height="300"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Responsive text links Adsense size 600
<amp-ad
layout="fixed-height"
height="600"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Customize data-ad-client="ca-pub-xxxxxxxxxxxxxx" (xxxxxxx = Publisher Adsense ID) and data-ad-slot="xxxxxxxx" (xxxxxx = Slot Adsense ID) with your Adsense link text ad unit.

Hopefully the tutorial article creates a text adsense link AMP responsive on AMP Blog.

Good luck