app.cookieConsent = new CookieConsent({
title: "We use cookies",
text: "This website uses cookies to improve user experience, to analyze site usage and to personalize advertising. You can change your settings at any time by selecting 'cookie settings' at the bottom of the page.",
linkText: "Read more about cookies",
linkUrl: "",
consentButtonText: "Accept all cookies",
settingsButtonText: "Manage cookie settings",
declineButtonText: "Accept necessary cookies",
overlay: false,
scripts: {
functional: [
function() {
// Analytics script
console.log("Functional script added");
// GTM event
dataLayer.push({"event": "cookie_consent_functional"});
}
],
analytics: [
function() {
// Analytics script
console.log("Analytics script added");
// GTM event
dataLayer.push({"event": "cookie_consent_analytics"});
}
],
marketing: [
function() {
// Analytics script
console.log("Marketing script added");
// GTM event
dataLayer.push({"event": "cookie_consent_marketing"});
}
]
},
// Add settings to show cookie settings dialog
settings: {
title: "Cookie settings",
text: "Choose which types of cookies you would like to accept.",
button: "Save settings",
cookieTypes: {
necessary: {
name: "Necessary cookies",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel odio egestas, semper erat sit amet, aliquet ex. Suspendisse convallis sollicitudin erat pellentesque sollicitudin.",
},
functional: {
name: "Functional cookies",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel odio egestas, semper erat sit amet, aliquet ex. Suspendisse convallis sollicitudin erat pellentesque sollicitudin.",
},
analytics: {
name: "Analytics cookies",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel odio egestas, semper erat sit amet, aliquet ex. Suspendisse convallis sollicitudin erat pellentesque sollicitudin.",
},
marketing: {
name: "Marketing cookies",
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel odio egestas, semper erat sit amet, aliquet ex. Suspendisse convallis sollicitudin erat pellentesque sollicitudin.",
}
}
}
});
<!-- Open cookie settings dialog -->
<button class="c-button" onclick="cookieConsent.openSettings();">Cookie settings</button>