Accessibird zeigt die Menüs des Widgets in derselben Sprache an wie die Seite, auf der es eingebunden ist. Du musst dafür nichts einrichten.
So wird die Sprache ausgewählt
Das Widget verwendet den ersten passenden Eintrag aus dieser Liste:
- Die Sprache, die der Besucher im Widget ausgewählt hat (wird für jede Website auf dem jeweiligen Gerät gespeichert).
data-langim Einbettungscode oder?lang=in der Loader-Adresse. Wenn beide gesetzt sind, hatdata-langVorrang.- Die Sprache der Seite selbst (
<html lang>). - Das Meta-Tag
content-languageoderog:localeder Seite. - Die Browsersprachen des Besuchers.
- Englisch.
Die Standardsprache in deinem Dashboard wird nur verwendet, wenn weder die Seite noch der Browser eine Sprache angeben.
Eine feste Sprache einstellen
<script src="https://widget.accessibird.com/loader.js" data-website-id="YOUR_WEBSITE_ID" data-lang="nl" async></script>Alternativ kannst du die Sprache in der Adresse angeben:
<script src="https://widget.accessibird.com/loader.js?lang=zh-tw" data-website-id="YOUR_WEBSITE_ID" async></script>data-lang="auto" hat denselben Effekt, wie das Attribut wegzulassen.
Gut zu wissen
- Sprachwechsel ohne Neuladen: Wenn deine Website die Sprache wechselt, ohne die Seite neu zu laden, zum Beispiel über einen Sprachumschalter, wechselt das Widget mit – es sei denn, der Besucher hat selbst eine Sprache ausgewählt.
- Von rechts nach links: Bei Sprachen wie Arabisch und Hebräisch wird das Widget von rechts nach links dargestellt.
- Tipp: Achte darauf, dass für deine Seite die richtige Sprache eingestellt ist, zum Beispiel
<html lang="nl">. Die meisten Website-Baukästen übernehmen das für dich. - Wiederkehrende Besucher: Nach diesem Update wird eine zuvor vom Besucher ausgewählte Sprache einmalig zurückgesetzt. Die Besucher können sie im Widget erneut auswählen.
Für Entwickler
Accessibird.setLanguage('nl'); // set the language
Accessibird.getLanguage(); // read the current language
Accessibird.resetLanguage(); // go back to automatic
window.addEventListener('accessibird:languagechange', e => console.log(e.detail)); // { lang, source }
// Before the widget has loaded:
window.Accessibird = window.Accessibird || { q: [] };
Accessibird.q.push(['setLanguage', 'nl']);