Comments (4)
Hey @farynaio which version are you using? Because this should actually work. You have to follow these instructions: https://github.com/andrezimpel/gatsby-plugin-gdpr-cookies#initialize-and-track.
from gatsby-plugin-gdpr-cookies.
@andrezimpel Hello , i think this initialize is new or i never saw it before , so today i tried it out , and for some reason its not working as expected , what am i doing wrong here?
inside gatsby-config.js
{
resolve: `gatsby-plugin-gdpr-cookies`,
options: {
googleTagManager: {
trackingId: process.env.GTM_PROPERTY, // leave empty if you want to disable the tracker
cookieName: 'gatsbyConsentMandatory', // // here can you change the cookie name
dataLayerName: 'dataLayer', // default
defaultDataLayer: { platform: 'gatsby' },
},
environments: ['production', 'development'],
},
},
inside consent.tsx
import { useLocation } from '@reach/router';
import { initializeAndTrack } from 'gatsby-plugin-gdpr-cookies';
const location = useLocation();
const handleCookieAccept = () => {
initializeAndTrack(location);
}
<Button onClick={() => handleCookieAccept()}> Accept </Button>
without user clicking accept i can see that GTM is loaded in my network
and i can access datalayer in my browser console as well .
from gatsby-plugin-gdpr-cookies.
@ahmadkhalaf1 Do you also see data being received? The scripts are being implemented ssr but should NOT send data - only include the script. I had to wrap my head around this with GA4 and gtag too.
from gatsby-plugin-gdpr-cookies.
Duplicate of #30
from gatsby-plugin-gdpr-cookies.
Related Issues (20)
- Load script from self hosted origin and further customizations to init HOT 1
- Compatibility with gatsby-plugin-google-tagmanager HOT 3
- Support for Google Consent Mode v2 (GCM v2)
- G tag code commented out? HOT 7
- No script added to the head / body HOT 2
- Add support for Microsoft Clarity
- Gtag not tracking any events - Transferred 0 B (0 B size) HOT 1
- Hubspot support HOT 1
- Duplicate <title> Google Tag Manager HOT 1
- Allow to read settings from localStorage instead of a Cookie
- Cookie Security
- Allow to disable PageView event per default for tiktok and facebook pixel
- Documentation error on linkedin default cookie name
- Support react 18 HOT 1
- Low Bounce rates on GA dashboard
- Provide extra option to GA config to prevent duplicate requests on page load
- This will not work in production HOT 3
- Gatsby v5 campatibility HOT 2
- Determining environment
- Gatsby v5 support HOT 17
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-plugin-gdpr-cookies.