Bevor Sie anfangen
- Ihr Website-Schlüssel. Sie finden ihn im Reviseberg-Dashboard unter Settings › Visitor toolbar, im Tab Install. In den Schritten unten steht dafür
YOUR-SITE-KEY. - Schalten Sie die Toolbar auf derselben Seite für Ihre Website ein. Solange sie aus ist, lädt das Tag, zeigt aber nichts an.
Der Code
Ersetzen Sie YOUR-SITE-KEY durch Ihren Schlüssel. Im Dashboard steht dasselbe Tag mit Ihrem Schlüssel schon darin.
<script src="https://reviseberg.com/widget/v1.js" data-site-key="YOUR-SITE-KEY" defer></script>
Schritte
- Gehen Sie im Umbraco-Backoffice zu Settings › Templates und öffnen Sie das Master-Template, das die anderen Templates als Layout verwenden.
- Fügen Sie das Tag direkt vor dem schließenden
</body>-Tag ein und ersetzen SieYOUR-SITE-KEYdurch Ihren Schlüssel. - Speichern Sie das Template.
Gut zu wissen
Liegt Ihr Layout als Razor-View im Projekt statt im Backoffice, fügen Sie das Tag dort ein und spielen Sie es aus.
Prüfen, ob es funktioniert
- Öffnen Sie eine Seite Ihrer Website in einem privaten Fenster – nicht im Editor oder in der Vorschau der 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 der Toolbar erscheint, sobald die Toolbar im Dashboard eingeschaltet ist. Auf derselben Seite steht unter „Last seen on your site“, 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 oder das Tag doppelt auf der Seite.
- Die Toolbar antwortet nur auf den Adressen, die unter Settings › Visitor toolbar erlaubt sind; die Adresse Ihrer Website ist es immer. Tragen Sie eine Staging-Adresse dort ein, bevor Sie darauf testen.
Weiter
- Wenn Ihre Website eine Content Security Policy sendet, braucht sie für die Toolbar vier Zeilen – sie stehen auf der Installationsseite.
- Alle Plattformen und das Snippet
- Was die Toolbar tut und was nicht