satellytes / satellytes.com

The Satellytes website
https://satellytes.com
MIT License
15 stars 2 forks source link

Cookie Banner #822

Open georgiee opened 2 days ago

georgiee commented 2 days ago

Let's prepare our website for a future cookie banner. This would allow us to introduce additional user tracking techniques. One example is leadinfo what we've currently integrated. They provide a cookie for advanced options which is currently disabled. In order to enable it we would need to ask for permission.

See here for the cookie data: https://help.leadinfo.com/en/add-leadinfo-to-your-cookie-banner-solution

Task:

  1. Search for a cookie consent framework/approach (like Osano Cookie Consent, Cookiebot and such)
  2. How to integrate leadinfo without cookies (default) and how to optionally enable cookies if needed
ipeke94 commented 2 days ago

My notes are shown below:

- Search for a cookie consent framework/approach (like Osano Cookie Consent, Cookiebot and such)

While selecting framework, we should consider:

I believe we’re looking for:

Best Options might be or CookieBot(easy to implement):

Quancast

Cookiebot:

Another Option can be considered:

OneTrust:

Not ideal options:

2- How to integrate leadinfo without cookies (default)

https://help.leadinfo.com/en/cookieless-tracking

I tested disableCookies functionality by adding to the existing Leadinfo script:

leadinfo('disableCookies', true);

It seems working as expected -> we’re able to see ping.js and no cookies on the inspector.

How to optionally enable cookies if needed?

I’ve also tested this functionality by using the cookies in the related page -> https://help.leadinfo.com/en/add-leadinfo-to-your-cookie-banner-solution

Cookie name:

_li_id
_li_ses

Simply added react-cookie-consent library for testing purpose and if the user accepts cookies we’re adding to _li_id to the cookies section.

Test branch: https://github.com/satellytes/satellytes.com/tree/feature/test-react-consent-modal