{"id":13019,"date":"2019-07-24T08:22:29","date_gmt":"2019-07-24T08:22:29","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=13019"},"modified":"2020-01-31T06:53:02","modified_gmt":"2020-01-31T06:53:02","slug":"what-is-cookie-banner-and-how-to-enable-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/what-is-cookie-banner-and-how-to-enable-in-amp\/","title":{"rendered":"What is cookie banner and how to enable in AMP?"},"content":{"rendered":"\n<p>A <strong>cookie banner<\/strong>&nbsp;is a pop-up that appears when a visitor comes to a website. Websites use&nbsp;<strong>cookies<\/strong>&nbsp;to collect data from visitors. <\/p>\n\n\n\n<p>Once you install and activate our <a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\">AMPforWP<\/a> plugin then we will have these two options<\/p>\n\n\n\n<ol><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/what-is-cookie-banner-and-how-to-enable-in-amp\/#1-basic-setup-view\">Basic Setup View<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/what-is-cookie-banner-and-how-to-enable-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 <strong>Basic Setup View<\/strong> then you need to choose <strong>privacy settings <\/strong>and click on <strong>Choose button&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\/14.png\"><img decoding=\"async\" loading=\"lazy\" width=\"778\" height=\"81\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14.png\" alt=\"\" class=\"wp-image-15318\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14.png 778w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14-300x31.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14-768x80.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14-50x5.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14-60x6.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/14-100x10.png 100w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"474\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-1024x474.png\" alt=\"\" class=\"wp-image-15896\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-1024x474.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-300x139.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-768x356.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/01\/9-2.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>Cookie Notice Bar \u2013<\/strong> Once you enable the <strong>Cookie Notice Bar\u00a0<\/strong>option a\u00a0<strong>cookie banner<\/strong>\u00a0is a pop-up that appears when a visitor comes to a website. Websites use\u00a0<strong>cookies<\/strong>\u00a0to collect data from visitors. <\/li><\/ul>\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<ul><li>You will find this option in the <strong>WordPress Dashboard<\/strong> -&gt; Navigate to <strong>AMP Option panel<\/strong> -&gt; <strong>Settings<\/strong> -&gt;<strong> Notifice Bar &amp; GDPR<\/strong> -&gt; Enable &#8220;<strong>Notification<\/strong>&#8221; option and then click on the &#8220;<strong>Save Changes<\/strong>&#8221; button.<\/li><\/ul>\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\/07\/3-1024x470.png\" alt=\"\" class=\"wp-image-11854\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-1024x470.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-768x353.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>Notifications:<\/strong>&nbsp;First enable this option.<\/li><li><strong>Notice Content:<\/strong> In this textarea, you need to enter text which you want to display on the Notice bar.<\/li><li><strong>Button Text:<\/strong>&nbsp;In this field, you can change the name of the Notification button.<\/li><li><strong>Link:&nbsp;<\/strong>If you want the link on Notification bar then enable this option.<\/li><li><strong>Enter the URL of Privacy Page:<\/strong> In this field, you need to enter the URL for this link.<\/li><li><strong>Privacy Page Button Text:<\/strong>&nbsp;In this field, you can change the name of the Privacy Page Button.<\/li><\/ul>\n\n\n\n<h4 id=\"the-output-of-the-amp-teaser\">The output of the cookie banner  <\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"507\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-1024x507.png\" alt=\"\" class=\"wp-image-13027\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-1024x507.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-300x149.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-768x381.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7-100x50.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-7.png 1352w\" sizes=\"(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, 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 cookie banner&nbsp;is a pop-up that appears when a visitor comes to a website. Websites use&nbsp;cookies&nbsp;to collect data from visitors. Once you install and activate our AMPforWP plugin then we will have these two options Basic Setup View Advance Setup View 1. Basic Setup View If you are using Basic&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[84],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13019"}],"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=13019"}],"version-history":[{"count":23,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13019\/revisions"}],"predecessor-version":[{"id":15897,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13019\/revisions\/15897"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13019"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=13019"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=13019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}