Dokumentation

PulsePanda-Dokumentation: installieren, erfassen und analysieren

Alles, was du zur Einrichtung von PulsePanda brauchst – das Tracking-Snippet einfügen, Events erfassen, Nutzer identifizieren und Session Replay, Heatmaps, Funnels, Formulare, Umfragen und Feedback aktivieren.

Schnellstart Support kontaktieren

Erste Schritte

1. Das Tracking-Snippet installieren

Füge das Snippet in den <head> jeder Seite ein, die du erfassen willst. Kopiere die Version mit deiner echten Projekt-ID unter Settings → Install in deinem Dashboard.

<script
  src="https://pulsepanda.dev/sdk.js"
  data-project="YOUR_PROJECT_ID"
  defer></script>

Nach der Installation beginnen Webanalyse, automatisch erfasste Klicks, Session Replay und Heatmaps automatisch mit der Erfassung – ganz ohne zusätzlichen Code.

Installationsanleitung

Analytics für deinen Stack

PulsePanda ist ein einziges Script-Tag und funktioniert daher überall, wo du HTML einfügen kannst. Hol dir dein Snippet und leg in wenigen Minuten los.

Erste Schritte

2. Eigene Events erfassen

Sende Produkt-Events, um Funktionsnutzung, Aktivierung und Conversion-Funnels zu messen.

// Funktioniert vor oder nach dem Laden des Skripts
window.PulsePanda = window.PulsePanda || [];
PulsePanda.push(["track", "plan_upgraded", {
  plan: "pro",
  value: 99
}]);

// Sobald es geladen ist, kannst du es auch direkt aufrufen
PulsePanda.track("plan_upgraded", { plan: "pro", value: 99 });

Erste Schritte

3. Nutzer identifizieren

Hinterlege eine stabile Nutzer-ID und Eigenschaften, damit Sessions, Events und Feedback über Besuche hinweg derselben Person zugeordnet werden.

window.PulsePanda = window.PulsePanda || [];
PulsePanda.push(["identify", "user_123", {
  email: "jane@acme.com"
}]);

Erste Schritte

4. Google Tag Manager und Consent Mode

Installiere PulsePanda über den Tag Manager, sende die Events, die deine Website bereits in den dataLayer schreibt, und gib die Entscheidungen aus dem Cookie-Banner an deine Google-Tags weiter.

Mit der Tag-Vorlage installieren. Öffne im Tag Manager Vorlagen → Tag-Vorlagen → Neu → ⋮ → Importieren und importiere die Vorlage PulsePanda Analytics. Füge ein Tag dieses Typs mit deinem Site-Key hinzu und löse es bei Initialisierung – Alle Seiten aus. Lieber ohne Vorlage? Füge das Snippet oben stattdessen in ein benutzerdefiniertes HTML-Tag ein.

dataLayer-Events. Aktiviere im Tag Send dataLayer events as custom events oder füge dem Snippet data-datalayer="true" hinzu, dann kommen Events, die mit dataLayer.push({ event: ... }) oder gtag('event', ...) gesendet werden, als eigene Events in PulsePanda an. Liste Event-Namen auf, um nur diese zu behalten:

<script
  src="https://pulsepanda.dev/sdk.js"
  data-project="YOUR_PROJECT_ID"
  data-datalayer="purchase,generate_lead"
  defer></script>

Google Consent Mode v2. Wenn das PulsePanda-Cookie-Banner aktiv ist, erreicht jede Entscheidung deine Google-Tags als Einwilligungs-Update: Analyse setzt analytics_storage; Marketing setzt ad_storage, ad_user_data, ad_personalization; Präferenzen setzt functionality_storage, personalization_storage. Google braucht Standardwerte, bevor seine Tags laden, also aktiviere in der Vorlage Set Google Consent Mode defaults und löse das Tag bei Einwilligungsinitialisierung – Alle Seiten aus. Du nutzt ein anderes Consent-Tool? Lass das aus und füge analytics_storage in den Einwilligungseinstellungen des Tags hinzu. So funktioniert Consent Mode

Funktionsleitfäden

Jede Funktion einrichten

Ausführliche Leitfäden für jeden Teil des PulsePanda-Workspace.

Hängst du bei der Einrichtung fest?

Unser Team hilft dir, das Snippet zu installieren und dein erstes Dashboard zu konfigurieren.

Support kontaktieren