Google Analytics en React con Next + Truco Extra

Tiempo de lectura: < 1 minuto

Hoy vamos a añadir la etiqueta de Google Analytics usando Reacy y Next.

Para añadir la etiqueta, tenemos que tener creada una cuenta de Google Analytics.

Iremos a nuestra etiqueta <Head> y añadiremos:

 <script
        async
        src={`https://www.googletagmanager.com/gtag/js?id=${IDGoogleAnalytics}`}
      />

Donde IDGoogleAnalytics será nuestro ID: G-XXXXXX

Extra: Mejorar el rendimiento de % de rebote.

Con este script podremos mejorar el % de rebote que devuelve nuestra web.

  <script
        dangerouslySetInnerHTML={{
          __html: `
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', '${IDGoogleAnalytics}');
        `,
        }}
      />

Deja un comentario