Componenta <Script> în Next.js în React & Next.js

Strategii de încărcare a scripturilor terțe

• beforeInteractive: Se încarcă înainte de orice cod React (pentru boți anti-fraudă sau consent managers).
• afterInteractive (implicit): Se descarcă imediat după ce pagina a devenit interactivă (ideal pentru analytics).
• lazyOnload: Se descarcă când browserul este complet liber (ideal pentru chat widgets).

import Script from 'next/script';

export function Analytics() {
  return (
    <Script
      src="https://www.googletagmanager.com/gtag/js?id=G-XYZ"
      strategy="afterInteractive"
      onLoad={() => console.log('Analytics incarcat!')}
    />
  );
}