Streaming live at 10am (PST)

Cookie alert on the website


#1

Hi,

can someone help me on how to create the cookie alert message on the HP of my website, with a button that accepts and closes it

thanks


#2

Hello @orio,

Designing a popup or whatever element to show a button is one thing.
Actually managing cookie storage in another…

Here is 3 third-party solutions to manage cookie consent:

  1. https://www.cookiebot.com/
  2. https://www.iubenda.com/
  3. https://www.analyticsmania.com/post/gdpr-cookie-consent-notification-with-google-tag-manager/

All 3 methods can be implemented through Google Tag Manager and are quite easy to set up.

Happy GDPR,

Laurent


#3

step 1 (Work with this wizard)

style/colors/layout

copy the code

step 2

Project Settings --> Custom Code --> before body (or head) --> Paste :slight_smile:


#4

Hey Siton,

A follow up question if you don’t mind :raised_hands:

I want to create my own CSS style for the popup. I am trying to reference the theme in order to make changes, but I can’t figure out how to make the reference correctly.

Theme name - edgeless

I tried to place this style tag after the script tag:

style
.cc-style-edgeless
{
font-family: “fira”;
}
/style

Can you point me in the right direction?

Thanks!


#5

@pitz You should learn about CSS-Selectors and Specificity
(No way to teach this by forum answer).

For the font use this (Not related to the theme)

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" >
   <style>
        .cc-window{
            font-family: "fira";
        }
   </style>

Next, by CSS you can select each element (button and so on). Your custom/override style must be after the call for the cookieconsent CSS (“last win”).

Look at this example (Sass)


#6

Thanks so much @Siton_Systems ! I am learning CSS/JS at the moment. This was really helpful!


"Display setting: None" won't work