{"id":9038,"date":"2019-05-03T10:47:09","date_gmt":"2019-05-03T10:47:09","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=9038"},"modified":"2020-01-31T06:49:34","modified_gmt":"2020-01-31T06:49:34","slug":"how-to-setup-ads-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-setup-ads-in-amp\/","title":{"rendered":"How to setup Ads in AMP"},"content":{"rendered":"\n<p>Once you install and activate our&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\">AMPforWP<\/a>&nbsp;plugin then we will have these two options<\/p>\n\n\n\n<ol><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-setup-ads-in-amp\/#1-basic-setup-view\">Basic Setup View<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-setup-ads-in-amp\/#2-advance-setup-view\">Advance Setup View<\/a><\/strong><\/li><\/ol>\n\n\n\n<h4><mark style=\"background-color: #fff9c4;\">1. Basic Setup View<\/mark><\/h4>\n\n\n\n<ul><li>If you are using&nbsp;<strong>Basic Setup View<\/strong> then you need to choose <strong>Advertisement<\/strong> <strong>settings&nbsp;<\/strong>and click on <strong>View Setup<\/strong> link<strong>&nbsp;<\/strong>like below the screenshot.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15.png\"><img decoding=\"async\" loading=\"lazy\" width=\"804\" height=\"79\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15.png\" alt=\"\" class=\"wp-image-15320\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15.png 804w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15-300x29.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15-768x75.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15-50x5.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15-60x6.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/15-100x10.png 100w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/figure>\n\n\n\n<p>In the Advertisement section, we provide users to place Ads in 6 possible places.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"934\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-1024x934.png\" alt=\"\" class=\"wp-image-15894\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-1024x934.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-300x274.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-768x700.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-50x46.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-60x55.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8-100x91.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/8.png 1228w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4><mark style=\"background-color: #fff9c4;\">2. Advance Setup View<\/mark><\/h4>\n\n\n\n<p>If you are using <strong>Advance Setup View<\/strong> then you need to follow the below steps.<\/p>\n\n\n\n<h4><strong> How to set up an Advertisement in AMP?<\/strong><\/h4>\n\n\n\n<ul><li>In Our Core Plugin, we are providing six slots of Ads but if you want more slots then you need to install our Ads for WP plugin for this you need to click on the &#8220;<strong>Upgrade for Free<\/strong>&#8221; button.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"481\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-1024x481.png\" alt=\"\" class=\"wp-image-12350\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-1024x481.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-768x361.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/1-3.png 1316w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>Once you click on the &#8220;<strong>Upgrade for free<\/strong>&#8221; button the Ads for WP  plugin will be installed on your website.<\/li><\/ul>\n\n\n\n<p><strong>Follow the simple steps if you don&#8217;t want to install AdsforWP plugin and if you want to use only 6 Ads shots in our AMP option panel<\/strong><\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">\n Step 1:<\/mark><\/strong> You will find this option in the<strong> WordPress admin area<\/strong> -&gt;<strong>AMP option panel<\/strong> -&gt; <strong>Settings<\/strong> -&gt; <strong>Advertisement<\/strong>.<\/p>\n\n\n\n<p>In the Advertisement section, we provide users to place Ads in 6 possible places. These are free Ads options you can display your ads in  6 places. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"470\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-1024x470.png\" alt=\"\" class=\"wp-image-7236\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-1024x470.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-768x353.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/1-1.png 1317w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">\n Step 2:<\/mark><\/strong> Where you want to display the Ads you can select that particular option.<\/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><strong><mark style=\"background-color: yellow;\">\nStep 3:<\/mark><\/strong> In order to place Ad in those sections, simply Turn ON them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"820\" height=\"331\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1.png\" alt=\"\" class=\"wp-image-7241\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1.png 820w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1-300x121.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1-768x310.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-1-100x40.png 100w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/figure>\n\n\n\n<p>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 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: <\/strong>Once you enable this option Ad will be shown into responsive.<\/li><\/ul>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">\n Step 4:<\/mark><\/strong> Click on save changes button and your selected Advertisement position will be displayed on your AMP pages.<\/p>\n\n\n\n<p><strong>We have two new options, Ads for WP &amp; Advanced amp ads<\/strong><\/p>\n\n\n\n<p>In addition to these 6 ads slots, you can add more ads by using either our free <a href=\"https:\/\/wordpress.org\/plugins\/ads-for-wp\/\">AdsforWP<\/a> plugin or our <a href=\"https:\/\/ampforwp.com\/advanced-amp-ads\/\">Advance AMP Ads<\/a> plugin. <\/p>\n\n\n\n<p>For more details of AdsforWP plugin  check out  this  <a href=\"https:\/\/adsforwp.com\/docs\/article\/how-to-use-ads-for-wp\/\">tutorial<\/a><\/p>\n\n\n\n<p>For more details of Advanced AMP Ads plugin  check out  this <a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-install-advanced-amp-ads-plugin-extension\/\">tutorial<\/a> <\/p>\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>Once you install and activate our&nbsp;AMPforWP&nbsp;plugin then we will have these two options Basic Setup View Advance Setup View 1. Basic Setup View If you are using&nbsp;Basic Setup View then you need to choose Advertisement settings&nbsp;and click on View Setup link&nbsp;like below the screenshot. In the Advertisement section, we provide&#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\/9038"}],"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=9038"}],"version-history":[{"count":31,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9038\/revisions"}],"predecessor-version":[{"id":15895,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9038\/revisions\/15895"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=9038"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=9038"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=9038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}