{"id":451,"date":"2019-07-18T09:44:47","date_gmt":"2019-07-18T09:44:47","guid":{"rendered":"http:\/\/adsforwp.com\/docs\/?post_type=ht_kb&#038;p=451"},"modified":"2020-01-27T08:26:11","modified_gmt":"2020-01-27T08:26:11","slug":"how-to-display-custom-banner-ads-in-amp-wordpress","status":"publish","type":"ht_kb","link":"https:\/\/adsforwp.com\/docs\/article\/how-to-display-custom-banner-ads-in-amp-wordpress\/","title":{"rendered":"How to display custom banner ads in AMP &#038; WordPress"},"content":{"rendered":"\n<p><strong>Follow these steps to add custom banner ads in AMP:<\/strong><\/p>\n\n\n\n<p><strong>Step 1:<\/strong> First, you need to install our free plugin \u2013 <a href=\"https:\/\/wordpress.org\/plugins\/ads-for-wp\/\">Ads for WP<\/a>. <\/p>\n\n\n\n<p><strong>Step 2:<\/strong>&nbsp;After installing this plugin Ads option will be displayed on the&nbsp;<strong>WordPress dashboard<\/strong>&nbsp;-&gt;<strong>Ads Option<\/strong>&nbsp;-&gt;&nbsp;<strong>create new Ads.<\/strong><\/p>\n\n\n\n<p><strong>Step 3:<\/strong> In Ad Type, you need to select the &#8220;<strong>Image Banner Ad<\/strong>&#8221; Option and upload the image.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"543\" src=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-1024x543.png\" alt=\"\" class=\"wp-image-453\" srcset=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-1024x543.png 1024w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-300x159.png 300w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-768x407.png 768w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-50x26.png 50w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-60x32.png 60w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2-100x53.png 100w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/2.png 1053w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4:<\/strong>&nbsp;Click on \u201c<strong>Publish<\/strong>\u201d button your Auto Ads will be displayed on AMP pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to set the position of Ads<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. Display<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"312\" src=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1.png\" alt=\"\" class=\"wp-image-163\" srcset=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1.png 874w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-300x107.png 300w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-768x274.png 768w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-50x18.png 50w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-60x21.png 60w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-100x36.png 100w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Display Type:<\/strong>&nbsp;In Display type, you\u2019ll see the number of display type which you can use as per your convenience. However, if you want to display the InContent Ads as the name suggests it is used to display the ads in the content of your post by simply putting between the paragraphs.<\/li><li><strong>Position:<\/strong>&nbsp;In this option, you\u2019ll see two Position\u2019s in which you can display the ad\u2019s by selecting&nbsp;1.)&nbsp;50% of the content&nbsp;&nbsp;2.)&nbsp;The number of paragraph option in which It asks you to enter the paragraph number to display the ads.<\/li><li><strong>Alignment:&nbsp;<\/strong>This option allows you to select the alignment option of the ad.<\/li><li><strong>Margin:&nbsp;<\/strong>You can also set the margins of the ads as per your taste.<\/li><li><strong>Embed Shortcode:<\/strong>&nbsp;Copy the shortcode and place where you want to display the Sticky Ads.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"advanced-display-conditions\"><strong>2. Advanced Display Conditions<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"229\" src=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4.png\" alt=\"\" class=\"wp-image-130\" srcset=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4.png 880w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4-300x78.png 300w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4-768x200.png 768w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4-50x13.png 50w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4-60x16.png 60w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/05\/4-100x26.png 100w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>In this section, you need to set the condition for the specific post or page or all posts where you want to show custom banner ads.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"mce_19\">The Output of the custom banner ads in AMP<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-1024x498.png\" alt=\"\" class=\"wp-image-461\" srcset=\"https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-1024x498.png 1024w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-300x146.png 300w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-768x374.png 768w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-50x24.png 50w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-60x29.png 60w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3-100x49.png 100w, https:\/\/adsforwp.com\/docs\/wp-content\/uploads\/2019\/07\/3.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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 or do you want us to create compatibility for any other Ad company which isn\u2019t listed in our plugin then you can request us we will surely implement it as soon as possible.<\/p>\n\n\n\n<p><strong>Just contact us&nbsp;<a href=\"http:\/\/www.adsforwp.com\/contact\/\">here&nbsp;<\/a>and we are always available for you.<\/strong><\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow these steps to add custom banner ads in AMP: Step 1: First, you need to install our free plugin \u2013 Ads for WP. Step 2:&nbsp;After installing this plugin Ads option will be displayed on the&nbsp;WordPress dashboard&nbsp;-&gt;Ads Option&nbsp;-&gt;&nbsp;create new Ads. Step 3: In Ad Type, you need to select the&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[18],"ht-kb-tag":[],"class_list":["post-451","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/comments?post=451"}],"version-history":[{"count":9,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/451\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/451\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/media?parent=451"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=451"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}