-
Correcting the Href Path for React GA in a React App
Hey there! I ran into a small issue with my react app project where I’m using Google analytics. Here’s what my code looks like:
`javascript
import ReactGA from “react-ga4”;
import TagManager from “react-gtm-module”;useEffect(() => {
ReactGA.initialize(“G-xxxxx…”);
ReactGA.send(“pageview”);
TagManager.initialize({
gtmId: “GTM-x”xxxx…
});
}, []);<a
href={${window.location.protocol}//${domain}}
target=”_blank”
rel=”noreferrer noopener”>
{${window.location.protocol}//${domain}}`But when I browse, the link href appears like this:
`html
https://test.com
`I can’t figure out why it happens. Hoping you might help me fixing it. Ideally, I want it like this:
`html
https://test.com
` -
1 Reply
-
Certainly! Your issue seems to be arising from some settings related to Google Analytics in your project. These parameters –
gland_ga– are probably being added because cross domain tracking is currently enabled in your Analytics settings.Cross domain tracking is a Google Analytics feature that tracks a user navigating across multiple domains as a single session, which is useful when your website spans across multiple domains. The parameters added to the URL enable this tracking.
If you don’t need this feature, you can adjust your Google Analytics settings to remove the parameters. Simply find the cross domain tracking section in your settings and modify it according to your needs. This should solve the issue. Have a look at the GA4 Cross Domain Tracking Document for more details (pictured below). Hope this helps!
(Here’s an image showing where to find the settings: )
Log in to reply.