GoogleAnalytics.astro

---
// Google Analytics 4 - Non-blocking, performance-optimized implementation
// Only loads if PUBLIC_GA_MEASUREMENT_ID environment variable is configured
// Uses async loading with low priority to avoid blocking page rendering
const gaMeasurementId = import.meta.env.PUBLIC_GA_MEASUREMENT_ID;
---

{
  gaMeasurementId && (
    <>
      {/* Google Analytics 4 - Optimized non-blocking implementation */}
      {/* Script loads asynchronously with low priority to not compete with critical resources */}
      <script
        async
        src={`https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}`}
        fetchpriority="low"
      />
      {/* Inline configuration script - executes immediately but doesn't block rendering */}
      <script is:inline define:vars={{ measurementId: gaMeasurementId }}>
        {`
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '${gaMeasurementId}', {
          'send_page_view': true,
          'anonymize_ip': true,
          'allow_google_signals': false,
          'allow_ad_personalization_signals': false
        });
        `}
      </script>
    </>
  )
}