Google Tag Manager
Mit Google Tag Manager integrieren und anpassen.
Legen Sie los und revolutionieren Sie die Art und Weise, wie Sie zusammenarbeiten, indem Sie Ihre bevorzugten Tools nahtlos integrieren.
Jetzt starten
Das Hinzufügen von eigenem HTML, CSS und JavaScript kann eine sehr effektive Möglichkeit sein, Ihren Workspace noch weiter anzupassen.
Bevor Sie fortfahren, vergewissern Sie sich bitte Folgendes:
1. Sie müssen Administrator oder Besitzer des Workspace sein, für den Sie dies einrichten möchten.
2. Sie benötigen grundlegende Kenntnisse in HTML, CSS und JavaScript.
3. Sie benötigen ein Google Tag Manager-Konto und einen Container. Das Konto ist kostenlos und kann hier erstellt werden.
Nachdem Sie sichergestellt haben, dass die Voraussetzungen erfüllt sind, können wir beginnen.
1. Gehen Sie zunächst zu Einstellungen -> Integrationen und klicken Sie auf die Integration mit dem Namen Google Tag Manager. Geben Sie die Container-ID Ihres Google Tag Manager-Containers ein. Die ID hat das Format GTM-XXXXXX.
2. Gehen Sie nun zu Ihrem Google Tag Manager-Konto, klicken Sie auf Tags und fügen Sie ein neues Tag hinzu. Die Tag-Konfiguration muss Custom HTML sein, und der Auslöser muss auf Laden
3. Fügen Sie beliebig viel benutzerdefiniertes HTML, CSS und JavaScript hinzu. Bitte beachten Sie, dass Ideanote Shadow DOM verwendet. Das bedeutet, dass Sie keine globalen Abfragen und kein CSS hinzufügen können, die auf alle Elemente abzielen. Stattdessen müssen Sie CSS und HTML in die Komponenten einfügen, die Sie erweitern möchten. Hier sehen Sie ein Beispiel dafür, wie Sie der Seitennavigation eine neue Option und eine neue Hintergrundfarbe hinzufügen können. Wenn Sie Unterstützung benötigen, wenden Sie sich gern an unser Supportteam.
4. Wenn Sie Ihre Änderungen veröffentlichen möchten, speichern Sie das Tag und klicken Sie auf „Veröffentlichen“.
5. Kehren Sie zu Ihrem Ideanote Workspace zurück und laden Sie die Seite neu. Die Änderungen sollten nun sichtbar sein. Das folgende Bild basiert auf dem Code aus Schritt 3.
