Centralized Web Analytics | Standalone GA4 Solution

index.html

<script
  src="https://ga.syntel.net.br/analytics.js"
  data-ga-id="G-XXXXXXXXXX"
  data-env="prod"
  data-debug="false"
  async>
</script>

layout.tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://ga.syntel.net.br/analytics.js"
          data-ga-id={process.env.NEXT_PUBLIC_GA_ID}
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

index.html

<!-- In your Vite/React project -->
<script
  src="https://ga.syntel.net.br/analytics.js"
  data-ga-id="%VITE_GA_ID%"
  async
></script>


`data-ga-id`	Yes	`G-XXXXXX`
`data-env`	No	`prod, staging, dev`
`data-debug`	No	`true, false`

javascript

window.track('event_name', { key: 'value' });

CSP Policy

script-src 'self' https://www.googletagmanager.com;
connect-src https://www.google-analytics.com https://stats.g.doubleclick.net;