Instalar Statsdot en Gatsby

Añade el script a todas las páginas en gatsby-ssr.js en la raíz de tu proyecto:

import * as React from 'react';

export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <script
      key="statsdot"
      defer
      data-domain="yoursite.com"
      src="https://statsdot.com/js/script.js"
    />,
  ]);
};

Reinicia gatsby develop después de crear el archivo. El router de Gatsby cambia las páginas con la API de historial del navegador, que Statsdot monitoriza, por lo que cada página cuenta. El script no realiza ninguna acción en localhost.

Registra eventos con data-statsdot-event="Signup" en un botón, enlace o formulario, o mediante window.statsdot?.track('Signup') en un componente. Consulta Eventos y objetivos.