New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

ga-4-react

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ga-4-react

Simple wrapper of ga4 scripts for React: https://developers.google.com/analytics/devguides/collection/ga4


Version published
Maintainers
1
Created

GA4React - Google Analytics 4 React

Simple wrapper of ga4 scripts for React: https://developers.google.com/analytics/devguides/collection/ga4

Google Analytics 4 React

Example without components


const ga4react = new GA4React('YOUR GA CODE');
ga4react.initialize().then((ga4) => {
  ga4.pageview('path')
  ga4.gtag('event','pageview','path') // or your custiom gtag event
},(err) => {
  console.error(err)
})


Inject GA4React function in props of childrens

Example with custom components 'GA4R'

const Test: React.FC<any> = ({ ga4 }) => {
  return <>{ga4 && console.log(ga4)}</>;
};


<GA4R code="YOUR GA CODE">
    <Test></Test>
</GA4R>

RENDER:

console log results:

{pageview: ƒ, gtag: ƒ}


Buy Me A Coffee

FAQs

Package last updated on 22 Nov 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts