Statsdot in Drupal installieren

Ohne Code: Asset Injector

1. Installieren und aktivieren Sie das Modul Asset Injector.
2. Gehen Sie zu Konfiguration > Entwicklung > Asset Injector > JS Injector und fügen Sie einen Injector hinzu.
3. Der Injector nimmt JavaScript-Code entgegen, kein HTML-Tag, und Statsdot benötigt sein data-domain-Attribut. Fügen Sie diesen Code ein, der das Tag mit dem Attribut hinzufügt:

(function () {
  var s = document.createElement('script');
  s.defer = true;
  s.src = 'https://statsdot.com/js/script.js';
  s.setAttribute('data-domain', 'yoursite.com');
  document.head.appendChild(s);
})();

4. Schließen Sie unter den Bedingungen Administrationsseiten aus (zum Beispiel durch die Einstellung der Theme-Bedingung auf Ihr Front-End-Theme) und speichern Sie anschließend.

In Ihrem Theme

Wenn Sie Ihr eigenes Theme oder Subtheme pflegen, fügen Sie das Tag in templates/html.html.twig (kopieren Sie es aus dem Basis-Theme, falls Ihr Theme diese Datei nicht enthält) innerhalb von <head> ein:

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

Leeren Sie den Cache unter Konfiguration > Entwicklung > Leistung, um die Änderung zu sehen.

Verfolgen Sie Ereignisse mit data-statsdot-event="Contact" auf einem Link, einer Schaltfläche oder einem Formular. Siehe Ereignisse und Ziele.