So integrieren Sie den Floating Button in den Google Tag Manager

Geändert am Sa, 22 Okt, 2022 um 12:14 VORMITTAGS

Mit Google Tag Manager können Sie Ihre eigenen Tags für das Konversions-Tracking und die Website-Analysen hinzufügen und aktualisieren. Mit Tag Manager können Sie dann Tags einrichten und Auslöser festlegen, die bewirken, dass Ihr Tag beim Eintreten bestimmter Ereignisse ausgelöst wird.

Wenn der Vetstoria-Floating Button die Ressourcen der Praxis-Website während des Ladens beeinträchtigt, wäre es am besten, einen Auslöser mit einer Verzögerung zu erstellen, um den Floating-Button auszulösen.

Integrierung des Google Tag Manager-Snippets in Ihre Website

Zunächst müssen Sie ein Google Tag Manager-Konto erstellen. Sobald das Konto erstellt ist, können Sie einen Container erstellen, der es Ihrer Praxis ermöglicht, Website-Details einzurichten.

Der folgende Link zeigt Ihnen, wie Sie den Tag Manager einrichten und installieren können

Tag Manager einrichten und installieren - Tag Manager-Hilfe

Wenn der neue Container zum ersten Mal geladen wird, werden Sie aufgefordert, das Code-Snippet für die Installation des Web-Containers einzugeben. Dieses Code-Snippet muss in die <head>- und <body>-Tags auf der Website eingebettet werden. Bitte befolgen Sie beim Einbetten des Codes in die Website die genannten Schritte.

Sobald das GTM in die Website eingebettet ist, würde der nächste Schritt darin bestehen, einen Tag für benutzerdefiniertes HTML zu erstellen und den Code den Floating Button darin einzubinden.

Sobald alles konfiguriert ist, können Sie den Tag einfach bestätigen und eine Vorschau anzeigen.

Optional: Erstellen eines Zeitauslösers, um das Rendern des Floating Buttons zu verzögern

Sobald die Tag-Konfiguration abgeschlossen ist, können Sie die Trigger-Konfiguration einrichten. Mit dem Auslösertyp "Timer" können wir eine Verzögerung von 5 Sekunden für die Auslösung des Floating Button festlegen.

Das Feld "Intervall" legt fest, wie lange der Timer nach dem Auslösen eines Tags warten soll. Sie können hier die Zeit in Millisekunden eingeben.

Das "Limit" bestimmt, wann das Tag ausgelöst wird. Wird dem Auslöser kein Limit zugewiesen, wird das Tag in jedem aufeinanderfolgenden Intervall ausgelöst.

Der letzte Schritt besteht darin, die Bedingungen für den Auslöser festzulegen. Wenn der Auslöser für alle Seiten in der Praxis ausgelöst werden soll, legen Sie die Bedingungen wie folgt fest: [ Page Path / matches RegEx / .* ]
Der Punkt-Stern ( .* ) bedeutet, dass jeder Wert berücksichtigt wird, so dass der Timer auf jeder Seite der Website beginnt.

Nachdem Sie diese Konfigurationen vorgenommen haben, können Sie den Tag und den Auslöser speichern. Achten Sie darauf, dass Sie für beide sinnvolle Namen vergeben.

Jetzt sollten Sie die neue Verzögerung für den Floating Button sehen können.

Wenn Sie Fragen haben oder weitere Hilfe benötigen, melden Sie sich bitte bei Vetstoria an, um mit unserem Team zu chatten, oder verwenden Sie das Formular "Support kontaktieren", das oben auf dieser Seite verlinkt ist.