Overview

If you’re looking to integrate Google Analytics into your Next.js application seamlessly, this package could be your go-to solution. Optimized for Next.js version 11.0.0 and above, it leverages the framework’s capabilities to ensure fast and efficient script loading, enhancing your app’s performance while providing robust analytics tracking. By utilizing the GoogleAnalytics component, developers can effortlessly manage tracking page views and custom events while remaining compliant with cookies and user consent requirements.

Integrating this Google Analytics package is straightforward. It allows you to set up your measurement ID via environment variables or directly through props. Whether you’re working in a development or production environment, the configuration options make it safe and simple to implement accurate tracking across your application.

Features

• Easy Integration: Simply add the GoogleAnalytics component to your custom App file and set the trackPageViews prop to true for instant analytics capabilities.
• Flexible Measurement ID: Set your Google Analytics measurement ID through the NEXT_PUBLIC_GA_MEASUREMENT_ID environment variable or use the gaMeasurementId prop as needed.
• Custom Script Loading: Load scripts using the afterInteractive strategy by default, with the option to customize how scripts are injected for more control over page performance.
• Page View Tracking: Enable page view tracking easily with the trackPageViews prop, which triggers tracking on hash changes, ensuring comprehensive monitoring of user interactions.
• Custom Events Tracking: Utilize the event function to track specific user events, providing flexibility in how you monitor user behavior.
• User Consent Management: Compliant with GDPR, you can manage user cookie preferences with the consent function, maintaining ethical tracking practices.
• Web Vitals Reporting: Capture Next.js web vitals automatically by sending them to Google Analytics, allowing for performance monitoring alongside user analytics.