how to add adsense ads inside blogger blog posts amp pages

By Ervan Repana

Create adsense ads inside your Amp pages is easy to make while responsive ads or fixed size ads. Google said Responsive adsense ads unit automatically rezise view on screen user's device and Google have been optimese the adsense for amp page to ensure perfomes well ads viewable.

how to add adsense ads inside blogger blog posts amp pages

Before you start ensure that you place script adsense optimize for your amp pages. Place the script between head tag <head>amp adsense script</head>. Script you must place in :

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

Adding and replace asyinc with asyinc="async" so if you save template not have an error. Save your template.
For showing amp page adsense ads, login to adsense acount and in dasboard adsense choose ads unit. Choose your ads unit size e.g. Choose adsense size unit 320x100 above the fold copy codes you will see script like this


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

     style="display:inline-block;width:120px;height:600px"

     data-ad-client="ca-pub-1234567891234567"

     data-ad-slot="1234567890"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

For create amp adsense ads replace ca-pub-id and data-ad-slot and paste to below script codes


<amp-ad width="100vw" height=320

  type="adsense"

  data-ad-client="ca-pub-1234567891234567"

  data-ad-slot="1234567890"

  data-auto-format="rspv"

  data-full-width>

    <div overflow></div>

</amp-ad>

That is for non responsive amp adasense ads unit. Change for amp ads unit do you want for ads unit non responsive ads like 336x280, 300×350, 468x60, 768x90 or 160x300 or 300x600 what do you like for optimize your revenue earnings.
When you place adsense ads follow adsense rule and policy, and don't place amp page adsense inside parent container between <div> or <iframe>.