Hi there. I need some pro looking cookie notice banner for my website.
Payed or free. Any ideas?
Replying to save easily find this comment in the future. This is really exciting - I have been searching for something like this for awhile!
Would love to hear if anyone else has got it working for their site. After a long search (old thread here), I went with/currently use CookieYes.
1 Like
Hey!
I’d like to use the Cookie Consent too instead of CookieYes.
But I am not a developer - so can anyone help me how to set it up?
I don’t know where to place the .js file and where to place to code in the tag.
In Code Injection is only the footer and header available.
I am really confused and everything I already tried, didn’t work. Can anyone help?
Thanks!
I haven’t used it, but try this:
In the code injection header:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v3.0.0/dist/cookieconsent.css">
In the code injection footer:
<script src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v3.0.0/dist/cookieconsent.umd.js">
<script>
CookieConsent.run({
// your config. goes here (required)
});
</script>
See this page for what goes in the config:
1 Like
oh, thanks! It works!
Only issue… it is not shown as wide as it should be. it is much thinner. how can i influence that?
You’ll need to read the docs :)
1 Like
That’s what I do since yesterday all the time.
I think it’s too complicated, I should stick with another and easier plugin.
Thank you.
Looks like you just need a little css to get it to be a little wider. I’m not sure I’d start over in that situation, but you do you! :)
1 Like
Hello,
I tried to use it but cannot succeed to get it working.
Here is my code for the header:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css">
And the footer: (basic config provided in the site)
<script src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v3.1.0/dist/cookieconsent.umd.js">
CookieConsent.run({
categories: {
necessary: {
enabled: true, // this category is enabled by default
readOnly: true // this category cannot be disabled
},
analytics: {}
},
language: {
default: 'en',
translations: {
en: {
consentModal: {
title: 'We use cookies',
description: 'Cookie modal description',
acceptAllBtn: 'Accept all',
acceptNecessaryBtn: 'Reject all',
showPreferencesBtn: 'Manage Individual preferences'
},
preferencesModal: {
title: 'Manage cookie preferences',
acceptAllBtn: 'Accept all',
acceptNecessaryBtn: 'Reject all',
savePreferencesBtn: 'Accept current selection',
closeIconLabel: 'Close modal',
sections: [
{
title: 'Somebody said ... cookies?',
description: 'I want one!'
},
{
title: 'Strictly Necessary cookies',
description: 'These cookies are essential for the proper functioning of the website and cannot be disabled.',
//this field will generate a toggle linked to the 'necessary' category
linkedCategory: 'necessary'
},
{
title: 'Performance and Analytics',
description: 'These cookies collect information about how you use our website. All of the data is anonymized and cannot be used to identify you.',
linkedCategory: 'analytics'
},
{
title: 'More information',
description: 'For any queries in relation to my policy on cookies and your choices, please <a href="#contact-page">contact us</a>'
}
]
}
}
}
}
});
</script>
Both urls are working fine, I see the css and js files, so any idea what I am missing ? I also did the cache reload.
I’d start by checking for any error messages from the browser’s console - press f12 and then go to the console tab. Any messages in red?
Thanks for the tip, unfortunately I have some message in red but it only says:
newsletters/:128 GET https://www.googletagmanager.com/gtag/js?id=G-XXX net::ERR_BLOCKED_BY_CLIENT
So nothing related to this cookie.
(I have changed the id)
I was using some google code for Google analytics and also for the property of google search console.
The whole code is this in the header: (+ some style change)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css">
<meta name="google-site-verification" content="YYY" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXX');
</script>
Can you confirm it isn’t loading in incognito mode? Trying to distinguish between it isn’t working, and YOU don’t need a cookie consent… :)
It is not loading in incognito mode too. And i have no error of google tag manager also.
It’s not a big deal, if I can’t get it working, I just need it due to google analytics, but I don’t use GA4 a lot, so I could get rid of both I think.
Thanks anyway for your help !