{"id":1390,"date":"2018-04-18T09:44:11","date_gmt":"2018-04-18T09:44:11","guid":{"rendered":"https:\/\/www.nvecta.com\/blog\/?p=1390"},"modified":"2022-06-25T07:55:42","modified_gmt":"2022-06-25T07:55:42","slug":"enable-ads-amp-pages","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/enable-ads-amp-pages\/","title":{"rendered":"How to Enable Ads on AMP Pages ?"},"content":{"rendered":"<p><a href=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg\" target=\"_blank\" rel=\"noopener\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-8584 size-full\" src=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg\" alt=\"AMP ads notifyvisitors\" width=\"487\" height=\"453\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg 487w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg 270w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile-1.jpg 323w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">AMP stands for \u201c<a href=\"https:\/\/www.nvecta.com\/blog\/accelerated-mobile-pages-explained\">Accelerated Mobile Pages<\/a>\u201d. Google AMP is an initiative designed by Google to build fast websites, especially for mobile devices.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Due to the complex structure of web page and lots of advertisements placed on a website, makes the web page heavy which causes a delay in page load and bad user experience especially in mobile. Google AMP format limited the access of javascript, CSS, animation etc to load web pages fast.<\/span><\/p>\n<p>Due to restriction on google amp pages, it\u2019s not easy to integrate ads as compared to normal web pages. In this blog, we will discuss on how to integrate amp-ads, types of ads in amp and their limitations.<\/p>\n<p><span style=\"font-weight: 400;\">You will need to place the appropriate AMP ad code on the page. Here is the list of things you need to know:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">First, you need to know who is your ad providers, because your ad providers must be listed as a partner in the google AMP project. You can check ad providers list which is in partnership with Google amp project. Go to this link: <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.ampproject.org\/docs\/reference\/components\/amp-ad\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ampproject.org\/docs\/reference\/components\/amp-ad<\/a><\/span><\/li>\n<\/ul>\n<ul>\n<li>After selecting your ad provider, you have to locate the sample ad unit and view the list of required and optional data-attributes.<\/li>\n<\/ul>\n<ul>\n<li><span style=\"font-weight: 400;\"> In general, all Google AMP ads require you to specify the width, height, layout, and type. For Example, for Google DoubleClick (DFP) a basic implementation might look like this:<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter wp-image-8585 size-full\" src=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg\" alt=\"amp ads\" width=\"487\" height=\"453\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg 487w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg 270w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2018\/04\/Accelerated-Mobile2.jpg 323w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">The type attribute is the ad network name. This attribute is required. Next is layout attribute which is required for some ad networks. Some additional parameters required by the ad providers are tagged as \u201cdata-\u201d attribute.<\/span><\/li>\n<\/ul>\n<ul>\n<li>Many ad providers provide the entire AMP ad code snippet and you can just copy\/paste that.<\/li>\n<\/ul>\n<ul>\n<li><span style=\"font-weight: 400;\">You can place multiple ads on one page.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span style=\"font-weight: 400;\"> Always use the Google <a href=\"https:\/\/www.notifyvisitors.com\/product\/amp-validator\" target=\"_blank\" rel=\"noopener\">AMP validator<\/a> tool after placing the ad units to check the validity of the code.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span style=\"font-weight: 400;\"> Sample Google AMP Ad Code.<\/span><\/li>\n<\/ul>\n<div style=\"background: #e5e8e8; border-left: 3px solid #4CAF50;\">\n<pre><code>\n&lt;amp-embed width=400 height=300\ntype=\"taboola\"\nlayout=responsive\ndata-publisher=thepublisher\ndata-mode=themode\ndata-article=auto\ndata-placement=\"Below Article Thumbnails\"&gt;\n&lt;\/amp-embed&gt;<\/code><\/pre>\n<\/div>\n<h2><b>Limitations for AMP ads<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As external Javascript is not allowed in AMP pages, hence many features could not work properly. Only the manual placement and placements before, within and after the content are supported, but none from Advanced Ads Pro. Caching in Advanced Ads Pro does not work on AMP pages. Impression tracking works with the methods track on load and track after page printed. Some issues can occur depending on the method you used to create AMP pages. The AMP plugin by Automatic cannot create AMP code for archive pages.<\/span><\/p>\n<p><strong>Related Post :<\/strong><\/p>\n<p><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/www.nvecta.com\/blog\/how-does-amp-pages-impact-seo\/\">How Does AMP Pages Impact SEO?<\/a><\/span><br \/>\n<span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/www.nvecta.com\/blog\/how-to-integrate-web-push-notification-on-amp\/\">How To Integrate Web Push Notification on AMP?<\/a><\/span><br \/>\n<span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/www.nvecta.com\/blog\/8-advantages-of-google-accelerated-mobile-pages\">8 Advantages of Google accelerated mobile pages<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AMP stands for \u201cAccelerated Mobile Pages\u201d. Google AMP is an initiative designed by Google to build fast websites, especially for mobile devices. Due to the complex structure of web page and lots of advertisements placed on a website, makes the web page heavy which causes a delay in page load and bad user experience especially [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":7752,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[87,110],"class_list":["post-1390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accelerated-mobile-pages","tag-amp","tag-amp-ads"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/1390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=1390"}],"version-history":[{"count":14,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/1390\/revisions"}],"predecessor-version":[{"id":25274,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/1390\/revisions\/25274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/7752"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=1390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=1390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=1390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}