{"id":15827,"date":"2020-01-30T07:49:13","date_gmt":"2020-01-30T07:49:13","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=15827"},"modified":"2021-09-16T10:47:41","modified_gmt":"2021-09-16T10:47:41","slug":"how-to-add-advertisement-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-advertisement-in-amp\/","title":{"rendered":"How to add Advertisement in AMP"},"content":{"rendered":"\n<p>Now Google allows you to place Advertisements on the AMP page.<\/p>\n\n\n\n<p>Go through the below steps for adding Advertisements in AMP page<\/p>\n\n\n\n<ul><li>Login to Google <strong>Adsense Account<\/strong> <\/li><li>Go to <strong>My ads<\/strong> tab <\/li><li>Create <strong>New Ad Unit<\/strong> or Select Existing ad unit of any size<\/li><li>Copy the <strong>AD Slot Id<\/strong> and <strong>Publisher Id<\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/My-ads_-Google-AdSense-Google-Chrome-2016-10-04-20.41.51-1024x364.png\" alt=\"My-ads_-Google-AdSense-Google-Chrome-2016-10-04-20.41.51\" class=\"wp-image-260\"\/><\/figure><\/div>\n\n\n\n<p>Login to WordPress <strong>Admin panel<\/strong> &#8211;&gt; Navigate to <strong>AMP option panel -&gt; Settings -&gt;Advertisement  -&gt; <\/strong>Select the size of Ad and <strong>paste<\/strong> the <strong>Publisher Id<\/strong> and <strong>Ad Slot Id<\/strong> to their respective fields.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1015\" height=\"588\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4.png\" alt=\"\" class=\"wp-image-15834\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4.png 1015w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4-300x174.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4-768x445.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/2-4-100x58.png 100w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/><\/figure>\n\n\n\n<p>We have 6 Advertisement Positions if you want more Advertisement we have <a href=\"https:\/\/wordpress.org\/plugins\/ads-for-wp\/\">Ads for wp<\/a> extension it&#8217;s a free extension.<\/p>\n\n\n\n<p>In the Advertisement section, we provide users to place Ads in 6 possible places.<\/p>\n\n\n\n<ol><li><strong>Below the Header:&nbsp;<\/strong>Advertisement is shown below the header(sitewide).<\/li><li><strong>Below the Footer:<\/strong>&nbsp;Advertisement is shown below the Footer(sitewide).<\/li><li><strong>Above the Post Content:&nbsp;<\/strong>Advertisement is shown above the Post Content.<\/li><li><strong>Below the Post Content:&nbsp;<\/strong>Advertisement is shown below the Post Content (single post).<\/li><li><strong>Below the Title (Single Post):&nbsp;<\/strong>Advertisement is shown below the title Content (single post).<\/li><li><strong>Above the Related Post (Single Post):&nbsp;<\/strong>Advertisement is shown above the Related Post Content (single post).<\/li><\/ol>\n\n\n\n<p>In order to place Ads in those sections, simply Turn ON them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4.png\"><img decoding=\"async\" loading=\"lazy\" width=\"690\" height=\"369\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4.png\" alt=\"\" class=\"wp-image-14796\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4.png 690w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4-300x160.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-4-100x53.png 100w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><\/a><\/figure>\n\n\n\n<p>&nbsp;When you Turn on Ad #1, it will ask you to provide the AD Size, Data AD Client, Data AD Slot.<\/p>\n\n\n\n<ul><li><strong>AD Type<\/strong>: In this option select Ad type as per your requirement<\/li><li><strong>AD Size<\/strong>: It can be anything depending on your choice.<\/li><li><strong>Data AD Client<\/strong>: It is nothing but your Adsense Publisher ID<\/li><li><strong>Data AD Slot<\/strong>: It is a unique Advertisement which can be found in the Adsense Ad Code.<\/li><li><strong>Responsive Ad Unite:&nbsp;<\/strong>Once you enable this option Ad will be shown into responsive.<\/li><\/ul>\n\n\n\n<h4>Optimize For Viewability<\/h4>\n\n\n\n<p>You can increase the loading speed of the Ads by enabling the &#8220;Optimize For Viewability&#8221; option present in<strong> AMP&nbsp;option panel<\/strong>&nbsp;-&gt;&nbsp;<strong>Settings<\/strong> &gt;&nbsp; <strong>Advertisement<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"830\" height=\"149\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4.png\" alt=\"\" class=\"wp-image-16223\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4.png 830w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4-300x54.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4-768x138.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4-50x9.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4-60x11.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/12-4-100x18.png 100w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<h4>Sponsorship Label<\/h4>\n\n\n\n<p>Another special thing about these ads is you can even add the Label on Ads like Sponsored, Advertisement, etc..,<\/p>\n\n\n\n<p>The below options can be seen in the picture below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3.png\"><img decoding=\"async\" loading=\"lazy\" width=\"925\" height=\"181\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3.png\" alt=\"\" class=\"wp-image-10506\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3.png 925w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3-300x59.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3-768x150.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3-50x10.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3-60x12.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-3-100x20.png 100w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/a><\/figure>\n\n\n\n<p>To check the ads open up the Website by <strong>\/amp<\/strong> in End (<strong>http:\/\/Example.com\/amp<\/strong>) disabling the adblocker. (Check the screenshot below)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/435295d6-cd21-4782-b8c3-a4dec41362fe-606x1024.png\" alt=\"AMP Adsense Ads Screen Shots\" class=\"wp-image-262\" width=\"344\" height=\"582\"\/><\/figure><\/div>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Now Google allows you to place Advertisements on the AMP page. Go through the below steps for adding Advertisements in AMP page 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&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15827"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=15827"}],"version-history":[{"count":10,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15827\/revisions"}],"predecessor-version":[{"id":18328,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15827\/revisions\/18328"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=15827"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=15827"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=15827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}