Hi, I am trying to create a cookie consent for our landing pages. However, when I try to approve my landing page it throws an error Error approving 1cbanner8Nov19 — {{header}}: Token is not a valid token format . When I try to remove header, it throws same error foe {{message}}. Can anyone tell what could be the reason? Here is my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> $(function() { var setAllowTracking = function () { // Set cookie for TypoScript condition var exdays = 356; var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = "allow-tracking=true;" + expires + ";path=/"; // Set localstorage for JavaScript condition window.localStorage.setItem('allow-tracking', 'true'); } window.addEventListener('load', function () { var message = 'We use cookies on this website. Please read our data protection information to find out which cookies are set. Please confirm the use of cookies.'; var allow = 'I agree'; var deny = 'Disagree to the use of cookies'; var linktext = 'Data protection declaration'; var link = '/en/data-protection'; window.cookieconsent.initialise({ "position": "top", "static": true, "type": "opt-in", content: { message: message, allow: allow, deny: deny, link: linktext, href: link }, elements: { // header: '<span class="cc-header">{{header}}</span> ', message: '<span id="cookieconsent:desc" class="cc-message">{{message}}</span>', messagelink: '<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" tabindex="0" href="{{href}}" target="_blank">{{link}}</a></span>', dismiss: '<a aria-label="dismiss cookie message" tabindex="0" class="cc-btn cc-dismiss btn btn-link btn-sm">{{dismiss}}</a>', allow: '<a aria-label="allow cookies" tabindex="0" class="cc-btn cc-allow btn btn-default btn-sm">{{allow}}</a>', deny: '<a aria-label="deny cookies" tabindex="0" class="cc-btn cc-deny btn btn-link btn-sm">{{deny}}</a>', link: '<a aria-label="learn more about cookies" tabindex="0" href="{{href}}" target="_blank">{{link}}</a>', // close: '<span aria-label="dismiss cookie message" tabindex="0" class="cc-close">{{close}}</span>', }, compliance: { 'opt-in': '<div class="cc-compliance cc-highlight">{{allow}}</div>' }, cookie: { name: 'pm-cookie-status' }, revokable: false, revokeBtn: '<div class="cc-revoke {{classes}}"></div>', onStatusChange: function (status, chosenBefore) { // if user accept cookies than trigger event if (this.hasConsented()) setAllowTracking(); } }); }) // get pathname out of location, location.pathname only contains speaking path (no paramaters like id) var href = window.location.href; var pathname = href.replace(window.location.origin, ""); // if event triggered, include tracking $(document).on('cookies-accepted', function() { // if tracking is not included and location is not the dataprivacy page if (!document.cookie.match(/allow-tracking=true/gi) && pathname != link ) { if (trackingTemplate) { // Replace 'EXT:' with real path trackingTemplate = trackingTemplate.replace(/^EXT:+/, "/typo3conf/ext/"); $.get(trackingTemplate, function (data) { $('head').append(data); }); } // set cookie for loading scripts on page load. setAllowTracking(); location.reload(); } }); $(window).one('scroll', function(e) { $(document).trigger('cookies-accepted'); }); $('header, section, main, footer').one('click', function(event) { if (!event.target.className.match(/.*trackExclude/g)) { $(document).trigger('cookies-accepted'); } }); }); </script> </body> </html>
... View more