Statsdot in Gatsby installieren

Fügen Sie das Skript in gatsby-ssr.js im Stammverzeichnis Ihres Projekts zu jeder Seite hinzu:

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

Starten Sie gatsby develop neu, nachdem Sie die Datei erstellt haben. Der Router von Gatsby wechselt Seiten über die History API des Browsers, die von Statsdot überwacht wird, sodass jeder Seitenaufruf gezählt wird. Das Skript ist auf localhost inaktiv.

Erfassen Sie Ereignisse mit data-statsdot-event="Signup" auf einer Schaltfläche, einem Link oder einem Formular, oder verwenden Sie window.statsdot?.track('Signup') in einer Komponente. Siehe Ereignisse und Ziele.