Bearbeiten Sie Ihren HTML-Quellcode und fügen Sie den Ereignis-Tag zu den gewünschten Elementen hinzu.
Sie können den Tag, den unsere App für Ihr Ereignis erstellt, entweder als JavaScript-Snippet oder direkt zu dem Element hinzufügen, wie in der folgenden Anleitung beschrieben.
Hier finden ein Beispiel für eine Schaltfläche in HTML und wie es 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 in das 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 lässt jedoch mehr Flexibilität zu. Sie könnten beispielsweise eine "twipla-track"-Klasse zu mehreren Elementen hinzufügen und die va-Methode dynamischer aufrufen, indem Sie sich auf JS-Fähigkeiten verlassen.
Die Einschränkung bei Option B besteht darin, dass sie von einem anderen JS-Code überschrieben werden könnte, der nach dem Rendern 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).