Das Widget mit einem Skript-Tag einbauen
Ein Skript-Tag für Staging, ein stiller Loader für die Live-Seite.
Etwa 3 Minuten · 5 Schritte · Loslegen
Website widget öffnen
Wähle deine Website in der Seitenleiste und dann Website widget. Der Code dort enthält deine Projekt-ID bereits.
Staging und Vorschau: das Skript einfügen
Füge es vor dem schließenden Body-Tag ein, oder in einen Tag-Manager wie Zaraz (Custom HTML, alle Seitenaufrufe). Der Feedback-Button ist immer sichtbar, nutze das also nur auf Seiten, die nur dein Team und deine Kunden sehen.
Staging und Vorschau <script src="https://app.margin-comments.com/widget.js" data-project="YOUR_PROJECT_ID" data-environment="staging" data-build="your-build-id" defer ></script>Live-Seite: stattdessen den Loader nur für Prüfende einfügen
Besucher bekommen nichts: keine Anfrage und keinen Button. Der Loader lädt das Widget nur in einem Browser, der im Prüfmodus ist.
Live-Seite, nur für Prüfende <script> (function (d) { var q = location.search + location.hash; if (!/(^|; )margin_review=1/.test(d.cookie) && !/[?&#](margin|margin_comment|margin_pair)=/.test(q)) return; var s = d.createElement("script"); s.src = "https://app.margin-comments.com/widget.js"; s.async = true; s.dataset.project = "YOUR_PROJECT_ID"; s.dataset.environment = "production"; s.dataset.mode = "review"; d.head.appendChild(s); })(document); </script>Prüfmodus starten
Öffne die Website einmal über das Dashboard mit Website öffnen. Die Seite öffnet sich schon verbunden, und der Browser bleibt 30 Tage im Prüfmodus. Prüfmodus beenden im Widget beendet ihn.
Prüfen, ob es funktioniert
Lade die Seite neu. Der Margin-Button erscheint. Wenn nicht, listet die Anleitung zum fehlenden Button die üblichen Ursachen.
Gut zu wissen
- Setze data-environment auf staging, production oder preview und data-build auf deine Build- oder Commit-ID. Beides erscheint an jedem Kommentar.
- Bring nie ein MCP-Token oder eine Cloudflare-Zugangsdaten in deine Website. Das Widget braucht nur die Projekt-ID.
Als Nächstes
- Einen Kommentar an ein Element heftenKlick auf das, was du meinst, und Margin merkt sich Seite, Element und Gerät.
- Der Margin-Button erscheint nichtFünf Prüfungen, in der Reihenfolge, in der sie es meist erklären.
Zurück zum Help Center. Noch kein Konto?