{"id":15228,"date":"2019-12-06T08:07:04","date_gmt":"2019-12-06T08:07:04","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=15228"},"modified":"2019-12-06T08:14:36","modified_gmt":"2019-12-06T08:14:36","slug":"how-to-display-ads-on-homepage-with-newspaper-amp-theme","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-display-ads-on-homepage-with-newspaper-amp-theme\/","title":{"rendered":"How to display ads on Homepage with Newspaper AMP Theme"},"content":{"rendered":"\n<p>In this tutorial, we will show you how to display ads on the Homepage with Newspaper AMP Theme for this follows the below instructions.<br><\/p>\n\n\n\n<p>If you want to display ads on the homepage in AMP Newspaper Theme then 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 1 &#8211;<\/strong>\u00a0After installing this plugin Ads option will be displayed on the\u00a0<strong>WordPress dashboard<\/strong>\u00a0-><strong>Ads Option<\/strong>\u00a0->\u00a0<strong>Create new Ads.<\/strong><\/p>\n\n\n\n<p><strong>Step 2 &#8211;<\/strong> In Ad Type, as per your requirement, need to select the Option. <br><strong>For eg:\u00a0<\/strong>I\u2019ve selected the Adsense which you can see in the below screenshot. However, our plugin is compatible with so many ads type which you can select as per your needs. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"751\" height=\"437\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type.png\" alt=\"\" class=\"wp-image-15236\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type.png 751w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type-300x175.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Ad-Type-100x58.png 100w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 &#8211; <\/strong>In this section, you need to set the condition you need to select the HomePage like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"877\" height=\"167\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5.png\" alt=\"\" class=\"wp-image-12705\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5.png 877w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5-300x57.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5-768x146.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5-50x10.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5-60x11.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-5-100x19.png 100w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 &#8211;<\/strong>\u00a0Click on \u201c<strong>Publish<\/strong>\u201d button your Auto Ads will be displayed.<\/p>\n\n\n\n<p><strong>Step 5 &#8211;<\/strong>\u00a0Now go to\u00a0<strong>WordPress Dashboard<\/strong>\u00a0->\u00a0<strong>Appearance<\/strong>\u00a0->\u00a0<strong>Widgets<\/strong>. -> On your right hand, you will find the <strong>Page Builder(AMP)[Legacy]<\/strong> areas on your WordPress site simply drag and drop <strong>AMP New Block # 1<\/strong>, <strong>AMP New block #2 <\/strong>In between you need to add <strong>Ads for WP Ads<\/strong> like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"369\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-1024x369.png\" alt=\"\" class=\"wp-image-12711\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-1024x369.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-300x108.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-768x276.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5-100x36.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-5.png 1356w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>The Output of the display ads on the Homepage with Newspaper AMP Theme between the category blocks.<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"283\" height=\"564\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16.png\" alt=\"\" class=\"wp-image-15234\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16.png 283w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16-151x300.png 151w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16-25x50.png 25w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16-30x60.png 30w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/Desktop-2019-12-06-13-26-16-50x100.png 50w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/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\n\n\n<p><br><\/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>In this tutorial, we will show you how to display ads on the Homepage with Newspaper AMP Theme for this follows the below instructions. If you want to display ads on the homepage in AMP Newspaper Theme then you need to install our free plugin \u2013 Ads for WP. Step&#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\/15228"}],"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=15228"}],"version-history":[{"count":7,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15228\/revisions"}],"predecessor-version":[{"id":15237,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15228\/revisions\/15237"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=15228"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=15228"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=15228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}