Anleitung: Google Tag Manager, Google Analytics und Social Media Pixel einbinden

Version 1.0 | Stand: Mai 2026 | Vorlage fuer Website-Tracking, Consent und Tag-Management

Wichtig: Diese Anleitung ist eine technische Vorlage. Vor dem produktiven Einsatz muessen Datenschutz, Cookie-Einwilligung, Auftragsverarbeitung und die konkreten Dienste rechtlich geprueft werden.

1. Ziel der Einrichtung

Mit dem Google Tag Manager (GTM) werden Tracking-Scripte zentral verwaltet. Statt Google Analytics, Meta Pixel, LinkedIn Insight Tag oder andere Pixel direkt in den Quellcode einzubauen, werden diese im GTM als Tags angelegt und ueber Trigger gesteuert.

Das Setup besteht aus drei Ebenen:

Website: GTM-Container und Cookie-Banner werden eingebunden.
Google Tag Manager: Tags, Trigger und Variablen werden konfiguriert.
Analyse- und Werbeplattformen: Google Analytics und Social-Media-Pixel empfangen die Events.

2. Voraussetzungen

Zugriff auf den Website-Code oder das CMS.
Google-Konto mit Zugriff auf Google Tag Manager.
Google Analytics 4 Property mit Measurement-ID, zum Beispiel G-XXXXXXXXXX.
Pixel-IDs der benoetigten Plattformen, zum Beispiel Meta, LinkedIn, TikTok oder Pinterest.
Cookie-Banner oder Consent-Management, das Statistik- und Marketing-Einwilligungen unterscheidet.

3. Google Tag Manager Container erstellen

Google Tag Manager Konto-Uebersicht mit markiertem Button Konto erstellen — **Schritt 1: Neues GTM-Konto starten**

Google Tag Manager unter tagmanager.google.com oeffnen.

Oben rechts auf **Konto erstellen** klicken.

Google Tag Manager Formular Neues Konto hinzufuegen mit Kontoname, Land, Containername und Zielplattform Web — **Schritt 2: Konto und Container konfigurieren**

Kontonamen eingeben, zum Beispiel den Unternehmensnamen.

Land auswaehlen, zum Beispiel **Deutschland**.

Containername eingeben, zum Beispiel den Website- oder Domainnamen.

Als Zielplattform **Web** auswaehlen.

Auf **Erstellen** klicken.

Google Tag Manager Nutzungsbedingungen mit markierter Checkbox fuer Datenverarbeitungsbedingungen — **Schritt 3: Nutzungsbedingungen akzeptieren**

Die Google Tag Manager-Nutzungsbedingungen lesen. Hinweis: Der Dialog kann nur auf Englisch angezeigt werden.

Die Checkbox fuer die DSGVO-Datenverarbeitungsbedingungen aktivieren.

Bedingungen bestaetigen.

Danach die Container-ID notieren, zum Beispiel `GTM-M3W4PFC2`.

Den von Google bereitgestellten Einbaucode kopieren.

4. GTM-Code auf der Website einbinden

Google Tag Manager Dialog mit Code-Snippets fuer Head und Body — Nach dem Erstellen zeigt Google Tag Manager zwei Code-Snippets an: Das Script fuer den `<head>`-Bereich und den `noscript`-Block direkt nach dem oeffnenden `<body>`-Tag. Anschliessend kann die Website im Dialog getestet werden.

Der erste Codeblock kommt so weit oben wie moeglich in den <head>-Bereich:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M3W4PFC2');</script>
<!-- End Google Tag Manager -->

Der zweite Codeblock kommt direkt nach dem oeffnenden <body>-Tag:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3W4PFC2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Wenn ein Cookie-Banner mit Google Consent Mode genutzt wird, sollte dessen Consent-Initialisierung vor dem GTM-Script geladen werden.

Wie wird sichergestellt, dass GTM auf jeder Seite eingebunden ist?

Wichtig ist ein gemeinsames Template: Der GTM-Code sollte nicht manuell pro Unterseite gepflegt werden, sondern in einem zentralen Website-Template, Layout, Header-Include oder CMS-Block liegen. Alle Seiten, die dieses Layout verwenden, erhalten dadurch automatisch denselben <head>-Code und denselben noscript-Fallback direkt nach <body>.

Nach der Einbindung sollte technisch geprueft werden, ob jede wichtige URL den Container laedt: im Quellcode nach der Container-ID suchen, den GTM Preview-Modus nutzen und in den Browser- Entwicklertools kontrollieren, ob gtm.js?id=GTM-M3W4PFC2 geladen wird. Zusaetzlich kann die Website im Google-Dialog unter Website testen geprueft werden.

5. Consent Mode und Cookie-Banner vorbereiten

Vor dem Laden oder Ausfuehren von Analyse- und Marketing-Tags muss klar sein, ob eine Einwilligung vorliegt. Fuer Google-Dienste kann der Google Consent Mode genutzt werden.

window.dataLayer = window.dataLayer || [];
function gtag() {
  dataLayer.push(arguments);
}

gtag("consent", "default", {
  analytics_storage: "denied",
  ad_storage: "denied",
  ad_user_data: "denied",
  ad_personalization: "denied",
  functionality_storage: "granted",
  security_storage: "granted",
  wait_for_update: 500
});

Nach der Auswahl im Cookie-Banner wird der Consent aktualisiert:

gtag("consent", "update", {
  analytics_storage: "granted",
  ad_storage: "granted",
  ad_user_data: "granted",
  ad_personalization: "granted"
});

Empfohlene Kategorien:

Kategorie	Beispiele	Typische Zustimmung
Notwendig	Session, Warenkorb, Cookie-Auswahl	Immer aktiv
Statistik	Google Analytics 4, interne Analyse-Events	Nach Einwilligung
Marketing	Meta Pixel, LinkedIn Insight Tag, TikTok Pixel, Google Ads Remarketing	Nach Einwilligung

6. Google Analytics 4 ueber GTM einrichten

In Google Analytics eine GA4-Property erstellen.
Unter Datenstreams einen Webstream anlegen.
Die Measurement-ID kopieren, zum Beispiel G-XXXXXXXXXX.
Im Google Tag Manager einen neuen Tag erstellen.
Tag-Typ Google Tag oder Google Analytics: GA4-Konfiguration auswaehlen.
Measurement-ID eintragen.
Trigger All Pages verwenden.
Tag speichern und im Preview-Modus testen.

GA4 Events senden

Fuer Klicks, Downloads oder Formularaktionen sollten eigene Events gesendet werden:

window.dataLayer.push({
  event: "whitepaper_download",
  page_category: "big_data_landingpage",
  content_group: "gtm_demo",
  clicked_text: "Whitepaper Download"
});

Im GTM wird dafuer ein Trigger vom Typ Benutzerdefiniertes Ereignis mit dem Namen whitepaper_download erstellt.

7. Social Media Pixel ueber GTM einbinden

Social-Media-Pixel werden im GTM meistens als Custom HTML Tag oder ueber vorhandene Template-Tags eingebunden. Wichtig ist, dass sie nur bei Marketing-Einwilligung feuern.

Meta Pixel Beispiel

Im Meta Events Manager eine Datenquelle erstellen.
Pixel-ID kopieren.
Im GTM einen Tag vom Typ Custom HTML erstellen.
Meta Pixel Code einfuegen und Pixel-ID ersetzen.
Trigger nur bei Marketing-Consent ausloesen.

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'META_PIXEL_ID');
fbq('track', 'PageView');
</script>

LinkedIn Insight Tag

LinkedIn stellt eine Partner-ID bereit. Der Tag wird ebenfalls im GTM als Template oder Custom HTML eingebunden.

<script type="text/javascript">
_linkedin_partner_id = "LINKEDIN_PARTNER_ID";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>

TikTok Pixel

Beim TikTok Pixel wird die Pixel-ID in den von TikTok bereitgestellten Code eingesetzt. Auch hier gilt: nur nach Marketing-Einwilligung ausloesen.

8. Trigger und Consent-Regeln im GTM

Empfohlene Trigger-Struktur:

Trigger	Verwendung	Consent
All Pages	GTM-Basis, GA4 Pageviews	Statistik fuer GA4 beachten
Custom Event: `demo_request`	CTA-Klick oder Lead-Interesse	Statistik oder Marketing je nach Ziel
Custom Event: `whitepaper_download`	Download-Conversions	Statistik, optional Marketing
Consent Initialization	Consent-Defaults setzen	Vor allen anderen Tags

Fuer Social Pixel sollte im GTM die eingebaute Consent-Uebersicht genutzt werden. Marketing-Tags sollten ad_storage, ad_user_data und ad_personalization respektieren.

9. Testing und Debugging

Google Tag Manager Arbeitsbereich mit markiertem Button In Vorschau ansehen — Im Google Tag Manager befindet sich der Button **In Vorschau ansehen** oben rechts im Arbeitsbereich. Damit startet der Preview-Modus, bevor Aenderungen veroeffentlicht werden.

Im GTM auf Vorschau klicken.
Website-URL verbinden.
Seitenaufruf pruefen: Wird der Container geladen?
Cookie-Auswahl pruefen: Bleiben Statistik und Marketing ohne Zustimmung blockiert?
CTA-Klicks ausloesen und in der Preview-Konsole pruefen.
GA4 DebugView oeffnen und Events kontrollieren.
Meta Pixel Helper, LinkedIn Insight Tag Helper oder aehnliche Browser-Erweiterungen nutzen.
Nach erfolgreichem Test im GTM auf Senden klicken und Version veroeffentlichen.

10. Namenskonventionen fuer Events

Event-Namen sollten eindeutig, klein geschrieben und stabil sein.

Event	Bedeutung	Beispielparameter
`demo_request`	Demo-Anfrage oder starker CTA-Klick	`clicked_text`, `page_path`
`whitepaper_download`	Download eines Dokuments	`content_group`, `file_name`
`faq_open`	FAQ-Frage wurde geoeffnet	`question`, `page_category`

11. Checkliste vor Livegang

GTM-Code ist auf jeder Seite im <head> eingebunden.
GTM-Noscript-Code steht direkt nach dem oeffnenden <body>-Tag.
Cookie-Banner erscheint beim ersten Besuch.
Consent Mode setzt Standardwerte vor dem GTM-Container.
GA4 Measurement-ID ist korrekt.
Social Pixel IDs sind korrekt.
Marketing-Tags feuern nur mit Marketing-Einwilligung.
Statistik-Tags feuern nur mit Statistik-Einwilligung.
Events erscheinen in GTM Preview und GA4 DebugView.
Datenschutzerklaerung nennt alle eingesetzten Dienste.
GTM-Version wurde dokumentiert und veroeffentlicht.

12. Platzhalter fuer dieses Projekt

Wert	Eintragen
GTM Container-ID	`GTM-M3W4PFC2`
GA4 Measurement-ID	`G-XXXXXXXXXX`
Meta Pixel-ID	`META_PIXEL_ID`
LinkedIn Partner-ID	`LINKEDIN_PARTNER_ID`
TikTok Pixel-ID	`TIKTOK_PIXEL_ID`