Installa Statsdot su Gatsby

Aggiungi lo script a ogni pagina in gatsby-ssr.js nella root del tuo progetto:

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"
    />,
  ]);
};

Riavvia gatsby develop dopo aver creato il file. Il router di Gatsby cambia pagina tramite l'API history del browser, che Statsdot monitora, quindi ogni pagina viene conteggiata. Lo script non esegue alcuna azione su localhost.

Traccia gli eventi con data-statsdot-event="Signup" su un pulsante, un link o un modulo, oppure con window.statsdot?.track('Signup') in un componente. Consulta Eventi e obiettivi.