Complianz dynamically adds a link to the Cookie Policy within the Cookie Banner by using JavaScript. However, since JavaScript is not supported on AMP, this link will not automatically be added to the Cookie Banner on AMP pages. This article describes the steps to insert a Cookie Policy link that is only displayed on AMP pages.
Install and configure both Complianz and AMP
Make sure that both Complianz and AMP have been installed and fully configured. In this example, we are using AMP in Transitional Mode.
Add the Cookie Policy link
Navigate to Cookie Banner > Edit > Banner Settings > Cookie message. We use an HTML element and attach a class, so we can modify this element with CSS. The class name “cmplz-amp-link” is used in the HTML below:
Add CSS to toggle the Cookie Policy link
The element should only be displayed on AMP pages, not on “normal” pages. Navigate to Appearance > Customize > Additional CSS, and add the CSS below:
The result
The created element/link will only be shown on the AMP version of the Cookie Banner.
Styling the AMP Cookie Banner
By default, the buttons and text in the AMP Cookie Banner look a little more basic. To apply the same styles to the AMP Banner as shown in the example image above, use the code below:
