Die Besucher-Toolbar installieren

Jeder Weg, die Besucher-Toolbar zu installieren, endet beim selben Ergebnis: einem Script-Tag auf jeder Seite Ihrer Website, mit Ihrem Website-Schlüssel darin. Ein Plugin oder Modul setzt es nur für Sie dorthin.

1. Kopieren Sie Ihren Website-Schlüssel aus dem Dashboard.
2. Fügen Sie das Snippet vor dem schließenden </body>-Tag jeder Seite ein – oder lassen Sie das ein Plugin erledigen.
3. Schalten Sie die Toolbar im Dashboard ein und prüfen Sie, ob die Schaltfläche erscheint.

Das Snippet

Fügen Sie es vor dem schließenden </body>-Tag jeder Seite ein – in der Vorlage, die Ihre Seiten teilen, damit es auf jeder Seite genau einmal steht. Ersetzen Sie YOUR-SITE-KEY durch Ihren Schlüssel.

<script src="https://reviseberg.com/widget/v1.js" data-site-key="YOUR-SITE-KEY" defer></script>

Wegen defer darf es auch in <head> stehen; es hält das Laden der Seite nie auf. Steht es zweimal auf einer Seite, tut die zweite Kopie nichts.

Wo Sie Ihren Website-Schlüssel finden

Öffnen Sie im Reviseberg-Dashboard Settings › Visitor toolbar, Tab Install. Das Snippet dort enthält Ihren Schlüssel schon – kopieren Sie am besten dieses. Jede Website hat ihren eigenen Schlüssel; er beginnt mit rbt_.

Auf derselben Seite schalten Sie die Toolbar ein und legen fest, auf welchen Adressen sie antworten darf. Die Adresse Ihrer Website darf es immer; eine Staging- oder Vorschau-Adresse tragen Sie dort ein, bevor Sie darauf testen.

Wenn Ihre Website eine Content Security Policy hat

Eine Website mit Content Security Policy muss das Skript der Toolbar, ihre Anfragen und ihre Schrift erlauben, außerdem Bilder aus data:-Adressen. Ergänzen Sie Ihre bestehenden Direktiven um diese Zeilen:

script-src https://reviseberg.com;
connect-src https://reviseberg.com;
font-src https://reviseberg.com;
img-src data:;

style-src braucht nichts: Die Toolbar bringt ihre Styles als Constructable Stylesheets mit. Auch Trusted Types sind kein Problem, denn die Toolbar weist nichts als HTML zu.

Prüfen, ob es funktioniert

• Öffnen Sie eine Seite Ihrer Website in einem privaten Fenster – nicht im Editor oder in der Vorschau Ihrer Plattform, wo die meisten Plugins das Tag absichtlich weglassen.
• Suchen Sie im Seitenquelltext oder im Elemente-Bereich der Entwicklertools nach widget/v1.js. Es sollte genau ein Tag geben, mit Ihrem Schlüssel.
• Die Schaltfläche erscheint, sobald die Toolbar im Dashboard eingeschaltet ist, und „Last seen on your site“ im Dashboard zeigt, wann das Tag zuletzt auf einer Ihrer Seiten geladen wurde.
• Keine Schaltfläche? In der Browserkonsole steht eine Zeile, die mit „Reviseberg toolbar:“ beginnt und den Grund nennt – etwa einen Schlüssel in der falschen Form.
• Unser eigener Crawler lädt die Toolbar nie; ein Reviseberg-Scan zeigt sie also nicht. Das ist Absicht: Ein Scan misst Ihre Website, nicht die Toolbar.

Plattformen

Für jede Plattform unten gibt es eine Anleitung. Für 21 davon haben wir ein Plugin, Modul, eine Erweiterung, Vorlage oder ein Paket, das das Tag für Sie einfügt; Sie laden es über die jeweilige Anleitung herunter. Noch ist nichts davon im Store einer Plattform gelistet. Apps für Shopify, BigCommerce, Webflow, Wix und Square Online sind gebaut, aber noch nicht in diesen Stores; bis dahin zeigen ihre Anleitungen den Weg von Hand. Für alle übrigen nutzen Sie ein Code-Feld, das die Plattform schon hat, und die Anleitung sagt, wo es ist.

Content-Management-Systeme

Shopsysteme

Website-Baukästen

Tag-Manager

Code und Frameworks

Wieder entfernen

Nehmen Sie das Tag heraus oder schalten Sie das Plugin aus. Wollen Sie die Toolbar überall auf einmal abschalten, ohne die Website anzufassen, schalten Sie sie im Dashboard aus: Das Tag lädt dann und zeigt nichts an.