AMP Blog | AMP (Accelerated Mobile Pages) ek open source project hai, jo mobile phones par blog ko fast bana deta hai.
Yeh General HTML tag ki jagah AMP HTML use karata hai.
<!doctype html>
<html⚡>
<head>
<meta charset=”utf-8″>
<link rel=”canonical” href=”hello-world.html”>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src=”https://cdn.ampproject.org/v0.js”></script></head>
<body>Hello World!</body></html>
AMP Blog Par Google Ads Kaise Lagaye ?
Isi tarah yeh simple javascript ko allow karta hai, but Google Adsense ke General Ad Code ko support nahi karta hai.
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-1234567891234567″
data-ad-slot=”1234567890″
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Lekin aap AMP For WP ki plugin ki help se Google Adsense Ad show kar sakte hai. But Adsense Display Ads ke alava aur kisi Ads ko show nahi kar sakta.
Yadi aap Coder hai to Google Support ke is answer se successfully ad code implement kar sakte hai.
Yadi aap coder nahi hai to Adsense following point ko follow Karen
#1 WP for AMP Plugin Install Karen
>> AMP for WP – Accelerated Mobile Pages for WordPress (Design, Share Button & Adsense Ad Plugin)
#2 Fir advertisement section men jaye
Yahan aapko data-ad-client=”ca-pub-123456789123xxxx” data-ad-slot=”123456xxxx” ki jarurat hogi. Ise aap apne Adsense Code se find Karen.
is plugin ki madad se aap 4 ads slots following blog places men laga sakte hai.
AD #1 – Below the Header (SideWide)
Ad #2 – Below the Footer (SiteWide)
Ad #3 Above the Post Content (Single Post)
Ad #4 Below the Post Content (Single Post)
Aap in ad slot ko following size de sakte hai-
300×250
336×280
728×90
300×600
320×100
200×50
320×50
Google recommend karta hai ki AMP pages par do hi ad slots lagaye. Ek ad slot below the header fix ho aur iski height 100 px aur width 100 % responsive ho taki different size ke mobile phone screen par ad size automatic adjust ho jaye.
Par is plugin men 100% width responsive vali ad slot ko jagah nahi di gai hai, isliye ham 320×100 recommend karte hai.
Dusra ad slot above the post laga sakte hai. Iski recommend size 300x250px hai.
Hope, ab aap apne AMP Blog par Successfully Google Adsense code laga sakenge aur apne mobile revenue ko or badha sakenge.
Yadi koi question ho to jarur puche aur comment aur share jarur karen.
lubhit kumar says
bohot hi badiya aur new post hai aur aapka blog bhi achha hai aap new aur best post share karke logo ki help kar rahe hai Jo new blogging karne walo ke liye jarur helpful rahega
Ravi Kumar says
Thanks lubhit kumar Bro, Hamesh Meri Yehi Koshish Rahegi ki New Blogger ko Latest Updates se Introduce Karaun. Taaki ve samay ke sath apne blog ki performance improve kar sake.
Harpreet Kumar says
Aapka post bahut useful hai bro. AMP page blog par adsense ads placement ki detailed information provide ki hai.
Ravi Kumar says
Thanks Harpreet Kumar, You are a First Commenter of BloggingFirst.com
Keep Visiting to a friend’s blog.