Statsdot in Astro installieren

Fügen Sie das Skript zum <head> Ihres Basis-Layouts hinzu, zum Beispiel in src/layouts/Layout.astro. Verwenden Sie is:inline, damit Astro das Tag unverändert lässt, anstatt es zu bündeln:

<head>
  <!-- ... -->
  <script is:inline defer data-domain="yoursite.com" src="https://statsdot.com/js/script.js"></script>
</head>

Die View Transitions von Astro ändern die Adresse über die History-API des Browsers, auf die Statsdot reagiert, sodass jede Seite gezählt wird.

Um die lokale Entwicklung auszuschließen, führt das Skript auf localhost bereits keine Aktionen aus. Für andere Umgebungen umschließen Sie es mit {import.meta.env.PROD && (...)}.

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 Ihren Skripten. Siehe Ereignisse und Ziele.