feat: add cookie consent banner #11
Conversation
b95702041
commented
Oct 18, 2025
b95702041
commented
- Add CookieBanner component with website styling
- Add cookieUtils for consent management and analytics
- Update layout.tsx to integrate CookieBanner
✅ Deploy Preview for swconf2025 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
components/cookieUtils.ts
Outdated
|
|
||
| // Google Analytics (gtag.js) | ||
| if (typeof window !== 'undefined' && (window as any).gtag) { | ||
| (window as any).gtag('consent', 'update', { |
There was a problem hiding this comment.
https://developers.google.com/tag-platform/gtagjs/reference#consent
<consent_arg> should use default
There was a problem hiding this comment.
I added a new components/AnalyticsInitializer.tsx file to set the default consent state, while keeping the original code to update (enable/disable) analytics.
components/cookieUtils.ts
Outdated
|
|
||
| // Google Analytics (gtag.js) | ||
| if (typeof window !== 'undefined' && (window as any).gtag) { | ||
| (window as any).gtag('consent', 'update', { |
There was a problem hiding this comment.
There was a problem hiding this comment.
I added a new components/AnalyticsInitializer.tsx file to set the default consent state, while keeping the original code to update (enable/disable) analytics.
b95702041
force-pushed
the
develop
branch
3 times, most recently
from
3a590ab to
667cf6d
Compare
|
It still collects data after I reject cookies |
app/layout.tsx
Outdated
| import "@fortawesome/fontawesome-svg-core/styles.css"; | ||
| import Hero from "@/components/Hero"; | ||
| import CookieBanner from "@/components/CookieBanner"; | ||
| import AnalyticsInitializer from "@/components/AnalyticsInitializer"; // Add this |
There was a problem hiding this comment.
AnalyticsInitializer looks not used here
There was a problem hiding this comment.
Good catch! I added in app/layout.tsx.
- Add CookieBanner component with website styling - Add cookieUtils for consent management and analytics - Add AnalyticsInitializer for default gtag consent state - Update layout.tsx to integrate CookieBanner
|
@b95702041 thanks for the contribution. @c1ydehhx could you please take a look at this PR? I believe we can also port this to swportal so that we can fully control the cookie consent banner style. |
I got the same result… it looks like the default consent state isn't working. |
components/CookieBanner.tsx
Outdated
| className="tw:px-6 tw:py-2.5 tw:bg-rose-500 tw:text-white tw:rounded-full tw:font-semibold tw:text-base hover:tw:bg-rose-700 tw:transition-colors" | ||
| > | ||
| Accept All | ||
| </button> |
There was a problem hiding this comment.
I’d prefer to use components/Button.tsx instead of hard-coding the button element.
There was a problem hiding this comment.
Updated the CookieBanner.tsx and Button.tsx.
- Add 'secondary' variant to Button component for gray styling - Replace hard-coded button elements in CookieBanner with Button component - Move cookieUtils from components/ to utils/ folder
- Change AnalyticsInitializer from Client to Server Component - Use next/script with beforeInteractive strategy - Ensures consent is denied before any GA requests are sent - Remove duplicate cookieUtils.ts from components folder
|
After rejection, it still sends a request, but it's anonymous (cookieless ping). From the Network tab (filtered by "collect"), parameters show: pscdl = denied, gcs = G100, npa = 1 (personalized ads not allowed), seg = 0 (session not tracked). |
3 participants
