Tracking-Pixel installieren

Was ein Pixel macht

Ein Pixel ist ein kleines Script einer Werbeplattform. Es meldet der Plattform, wann jemand deine Website besucht oder eine Aktion ausführt. So kannst du messen, welche Anzeigen funktionieren, Zielgruppen aufbauen und früheren Besuchern Anzeigen zeigen.

1. Finde deine Pixel-ID

• Meta: Events Manager, unter deiner Datenquelle.
• TikTok: Events Manager, unter Web Events.
• LinkedIn: Campaign Manager, unter Insight Tag. Sie heißt Partner-ID.
• Pinterest: Ads Manager, unter Conversions.
• Google Ads: Ziele, unter Google-Tag. Sie beginnt mit AW-.

Menünamen ändern sich regelmäßig. Wenn du die ID nicht findest, suche in der Hilfe deiner Plattform.

2. Code erstellen

Trag deine IDs im Pixel-Code-Generator ein. Er fasst alle Pixel in einem Snippet zusammen und zeigt dir, wo du es einfügen musst. Wenn du nur eine Plattform nutzt, probier den Generator für den Meta Pixel, den TikTok Pixel oder den LinkedIn Insight Tag.

3. Auf deiner Website einbinden

• Jede Website: Füge den Code auf jeder Seite vor dem schließenden </head>-Tag ein, am besten in einem gemeinsamen Header.
• Webflow: Geh zu Site settings → Custom code, füge den Code bei Head code ein und veröffentliche die Seite. Dafür brauchst du einen kostenpflichtigen Site-Tarif.
• WordPress: Nutze ein Plugin für Header-Code oder ein Child-Theme. Bearbeite kein Parent-Theme, denn Updates löschen deine Änderung.
• Shopify: Such zuerst nach der App des Verkaufskanals der Plattform. Für eigenen Code nutze Settings → Customer events und füg ein Custom Pixel hinzu.
• Google Tag Manager: Lege ein Custom-HTML-Tag an oder nutze eine fertige Vorlage, falls es eine gibt, und löse es auf allen Seiten aus.

Wähl nur eine Methode. Ist ein Pixel doppelt installiert, wird jeder Besuch doppelt gezählt.

4. Cookie-Consent einrichten

Marketing-Pixel setzen meist Cookies. Gesetze wie die DSGVO verlangen in der Regel eine Einwilligung, bevor sie laden. Dieser Leitfaden ist keine Rechtsberatung. Kläre deshalb ab, was für deine Besucher gilt.

Wähl im Generator After consent. Dein Code liegt dann in einer Funktion, und dein Banner führt sie aus, sobald der Besucher zustimmt:

acceptButton.addEventListener('click', loadPixels);

Denk auch an wiederkehrende Besucher. Wenn dein Banner ihre Auswahl speichert, ruf loadPixels() beim Laden der Seite für alle auf, die schon zugestimmt haben. Der Cookie-Consent-Banner-Generator kann dir einen Banner erstellen.

5. Testen

1. Veröffentliche deine Website und öffne sie in einem privaten Fenster.
2. Prüf die Seite mit dem Tracking & Pixel Checker.
3. Öffne das Testtool deiner Plattform. Meta hat Test events, TikTok hat ebenfalls Test Events.
4. Besuch eine Seite und prüf, ob das Event erscheint.

Werbeblocker stoppen viele Pixel. Schalte ihn beim Testen deshalb aus. Aus demselben Grund erfassen deine Reports nie jeden Besucher.

6. Conversions tracken

Seitenaufrufe sind nur der Anfang. Mit dem Ad-Pixel-Event-Code-Generator trackst du Leads und Käufe. Für zuverlässigere Zahlen ergänzt du Server-Side-Tracking mit dem Meta-Conversions-API-Generator. Versieh deine Kampagnenlinks mit dem UTM-Builder, damit du sie auch in der Analyse vergleichen kannst.

Wenn dein Pixel nicht feuert

• Der Code ist nicht veröffentlicht. Viele Plattformen verlangen, dass du Änderungen veröffentlichst.
• Die ID ist falsch. Kopier sie erneut aus deinem Ads Manager.
• Consent blockiert das Pixel. Akzeptiere die Cookies und lade die Seite neu.
• Ein Werbeblocker ist aktiv. Schalte ihn aus und teste erneut.
• Eine Sicherheitsrichtlinie blockiert es. Deine Content-Security-Policy muss die Domains der Plattform erlauben. Prüf das mit dem Security Headers Checker.