Sobald Sie Ihr neues Ereignis-Tag generiert haben, integrieren Sie es in Ihre Webseite, indem Sie es zu jedem Element hinzufügen, das Sie verfolgen möchten (abhängig von Ihrer Webseiten-Baukasten-Plattform). Sie können den Tag, den unsere App bereitstellt, entweder direkt in den Code des Elements oder als separates Skript einfügen, wie im folgenden Tutorial gezeigt.
Hier ist ein Beispiel für eine Schaltfläche in HTML und wie sie aussehen sollte, damit der Klick auf diese Schaltfläche als Ereignis verfolgt wird:
<button id="important-btn">Klick mich!</button>
Option A:JS-Snippet
<script>
document.getElementById("important-btn")
.addEventListener("click", function(){
va("send", "event", "example-category", "btn-click", "Wichtige Schaltfläche")
});
</script>
Option B: direkt auf dem Element
<h2 onclick="va('send', 'event', 'example-category', 'btn-click', 'important', 123);">Wichtige Schaltfläche</h2>
Beide Optionen sind semantisch korrekt und bewirken im Idealfall das Gleiche.
Option A bietet jedoch mehr Flexibilität. Die Einschränkung bei Option B besteht darin, dass sie von anderem JS-Code überschrieben werden könnte, der nach dem Rendering des DOM geladen wird ( element.onclick = function(){ ... }), so dass unser Code nie aufgerufen wird.
Im Vergleich dazu erlaubt Option A das Hinzufügen einer unbegrenzten Anzahl von Ereignis-Listenern (solange der Speicher des User-Agent-Geräts dies zulässt).