Kostenloser ScanGratis-Scan

Installationsanleitung · Code-Feld

Besucher-Toolbar in jede Website einbinden

Vom Veröffentlicht

So binden Sie die Besucher-Toolbar in jede Website ein. Mit der Toolbar passen Besucher an, wie Ihre Seiten für sie selbst aussehen und sich lesen lassen. Sie behebt nichts an Ihrer Website, ändert nichts daran, ob sie WCAG oder BFSG erfüllt, und unsere Scans sehen sie nie.

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

  1. Öffnen Sie die Vorlage, das Layout oder die eingebundene Datei, die alle Seiten Ihrer Website teilen – oft ein Footer-Include, layout.html, base.html oder footer.php.
  2. Fügen Sie das Tag direkt vor dem schließenden </body>-Tag ein.
  3. Ersetzen Sie YOUR-SITE-KEY durch Ihren Schlüssel, speichern Sie und veröffentlichen Sie die Datei wie gewohnt.
  4. Sind Ihre Seiten einzelne HTML-Dateien ohne gemeinsame Vorlage, fügen Sie das Tag in jede davon ein.

Gut zu wissen

Wegen defer darf das Tag auch in <head> stehen: Es hält das Laden der Seite nie auf.

Eine Single-Page-Anwendung braucht das Tag einmal, in ihrer HTML-Hülle. Für React, Vue, Svelte und Angular gibt es außerdem ein Paket, das es aus Ihrem Code heraus einfügt.

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