{"id":153,"date":"2017-03-09T10:07:04","date_gmt":"2017-03-09T10:07:04","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=153"},"modified":"2019-06-07T10:10:24","modified_gmt":"2019-06-07T10:10:24","slug":"how-to-use-custom-banner-ads-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-use-custom-banner-ads-in-amp\/","title":{"rendered":"How to use Custom Banner ADS in AMP"},"content":{"rendered":"<p><strong>A user asked:<\/strong>\u00a0I looked at using the Ad section for this, but I see you can only use real ad networks, not just banners, or content of your choice.<\/p>\n<p><strong>Follow the simple steps:<\/strong><\/p>\n<p><strong>Step 1:<\/strong> <a href=\"https:\/\/ampforwp.com\/how-to-install-advanced-amp-ads-plugin-extension\/\">Install the Advanced AMP ads<\/a> extension<\/p>\n<p><strong>Step 2: <\/strong>Go to<strong>\u00a0WordPress admin area<\/strong>\u00a0-&gt;<strong>AMP option panel<\/strong>\u00a0-&gt;\u00a0<strong>Advanced AMP ADS.<\/strong><\/p>\n<p><strong>This is the example of Code<\/strong><\/p>\n<p>That Text-area is AMP\u00a0HTML enabled, so in order to add a banner, you can use below HTML code:<\/p>\n<p><code>&lt;a href=\"http:\/\/WEBSITE.com\"&gt;<br \/>\n&lt;amp-img src=\"https:\/\/Website.com\/Banner.png\"&gt;&lt;\/amp-img&gt;<br \/>\n&lt;\/a&gt;<\/code><\/p>\n<p><strong>Note:<\/strong> Replace the website URL and Image banner URL with yours and save it.<\/p>\n<p>In the Advertisement section, we provide users to place Ad in 4 possible places. These are free Ads option you can display your ads in 4 places.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10774\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5.png\" alt=\"\" width=\"1316\" height=\"531\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5.png 1316w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-300x121.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-768x310.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-1024x413.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/1-5-100x40.png 100w\" sizes=\"(max-width: 1316px) 100vw, 1316px\" \/><\/a><\/p>\n<ul>\n<li><strong>Incontent Ad#1:<\/strong> First enable this option.<\/li>\n<li><strong>Advertisement Type: <\/strong>Select the Custom Advertisement Option.<\/li>\n<li><strong>Custom Ads incontent Ads Position: <\/strong>Select after how many paragraphs your ads should show.<\/li>\n<\/ul>\n<ul id=\"mce_28\" class=\"editor-rich-text__tinymce mce-content-body\" role=\"textbox\" contenteditable=\"true\" spellcheck=\"false\" aria-label=\"Write list\u2026\" aria-autocomplete=\"list\" aria-multiline=\"true\" data-is-placeholder-visible=\"false\">\n<li><strong>Advertisement Code:<\/strong>\u00a0In this field, you can add your custom Advertisement code for any third party companies who provide AMP compatible code or you can also add images.<\/li>\n<li>Click on the \u201cSave changes\u201d button.<\/li>\n<\/ul>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\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>A user asked:\u00a0I looked at using the Ad section for this, but I see you can only use real ad networks, not just banners, or content of your choice. Follow the simple steps: Step 1: Install the Advanced AMP ads extension Step 2: Go to\u00a0WordPress admin area\u00a0-&gt;AMP option panel\u00a0-&gt;\u00a0Advanced AMP&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[18],"ht-kb-tag":[17],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/153"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":15,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/153\/revisions"}],"predecessor-version":[{"id":10788,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/153\/revisions\/10788"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=153"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}