Den Google Tag Manager in deine Website einbauen

Du hast also ein fertiges CMS oder Shopsystem wie WordPress, WooCommerce, xt:Commerce und willst den Tracking-Code des Google Tag Managers in deine Seite einbauen? Für manche Systeme gibt es ein Plugin, dann hast du Glück, nimm es. Für andere Websites gibt es keines, oder du willst schlicht kein weiteres Plugin installieren und den Code lieber von Hand einbauen. In diesem Beitrag sammle ich darum Anleitungen, wie der Tracking-Code des Google Tag Managers in CMS- und Shopsysteme kommt.

Ich beginne mit den Systemen, die mir beim Einrichten von Google Ads und Google Analytics für Kunden begegnet sind. Über Rückmeldungen freue ich mich, sowohl zu anderen Wegen für die hier gezeigten Systeme als auch zu Systemen, die noch nicht auf der Liste stehen.

Als Ergänzung empfehle ich das Plugin Google Tag Assistant. Lade es für Chrome herunter und prüfe damit, ob deine Google Tags so arbeiten, wie sie sollen. Das Plugin liefert wertvolle Hinweise zu jedem Aspekt der Tag-Implementierung und hilft dir, alle möglichen Probleme zu finden.

System	Wo der Code hinkommt
Typo3	In den Setup-Teil des Root-Templates, über `page.headerData`
xt:Commerce 4.0.13	`/templates/xt_default/javascript/js.php`
WordPress	Eine `wp_head` Action in der `functions.php` des Themes
WooCommerce	Unser Plugin, oder derselbe `functions.php` Hook

Wo der Container-Code hingehört, je nach System

Los geht es.

Typo 3

step 1. Öffne die Typo3 Administration.

step 2. Öffne unter "Template" das Root-Template und bearbeite den Teil "Setup". Es öffnet sich ein Texteditor.

step 3. Irgendwo in diesem Text fügst du Folgendes ein:

page.headerData.999 = TEXT

page.headerData.999.value(
    # add your tracking code here
)

Ersetze die Zeile # add your tracking code here durch deinen Tracking-Code. Wir fügen diesen Code direkt unterhalb des [global] Tags in der Konfigurationsdatei ein.

step 4. Speichern. Dein Tracking-Code sollte jetzt auf allen Seiten deiner Typo3 Installation erscheinen.

xt:Commerce

Das funktioniert mit xt:Commerce Version 4.0.13. Bearbeite folgende Datei in deiner xt:Commerce Installation auf dem Webserver: /templates/xt_default/javascript/js.php

Füge dort einfach den Tracking-Code des Google Tag Managers ein, und GTM ist einsatzbereit.

WordPress

Füge diesen Code in die Datei functions.php in deinem Theme-Ordner ein:

add_action('wp_head', 'google_tag_manager');
function google_tag_manager() {
    ?>
    ADD HERE THE GOOGLE TAG MANAGER CODE
    <?php
}

WooCommerce

Nutze für deinen WooCommerce Shop unser Plugin, um den Tracking-Code einzubauen: unser Conversion-Tracking-Plugin auf WordPress.org

Das Plugin ist der bequemste und beste Weg, weil es zusätzlich verhindert, dass Shop-Admins und Shop-Manager mitgetrackt werden, und weil es Doppelzählungen vermeidet.

Alternativ baust du den Code selbst ein. Füge dazu diesen Code in die Datei functions.php in deinem Theme-Ordner ein:

add_action('wp_head', 'google_tag_manager');
function google_tag_manager() {
    ?>
    ADD HERE THE GOOGLE TAG MANAGER CODE
    <?php
}