Installer Statsdot sur Gatsby

Ajoutez le script à chaque page dans gatsby-ssr.js à la racine de votre projet :

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

Redémarrez gatsby develop après avoir créé le fichier. Le routeur de Gatsby change les pages avec l'API d'historique du navigateur, que Statsdot écoute, donc chaque page est comptabilisée. Le script ne fait rien sur localhost.

Suivez des événements avec data-statsdot-event="Signup" sur un bouton, un lien ou un formulaire, ou window.statsdot?.track('Signup') dans un composant. Consultez Événements et objectifs.