Accessibirdは、設置されたページと同じ言語でウィジェットのメニューを表示します。設定は必要ありません。
言語が選ばれる仕組み
ウィジェットは、次の一覧を上から順に確認し、最初に該当する言語を使用します。
- 訪問者がウィジェットで選んだ言語（その端末上で、ウェブサイトごとに記憶されます）。
- 埋め込みコードの
data-lang、またはローダーのアドレス内の?lang=。両方が設定されている場合は、data-langが優先されます。 - ページ自体の言語（
<html lang>）。 - ページの
content-languageまたはog:localeメタタグ。 - 訪問者のブラウザーの言語。
- 英語。
ダッシュボードで設定したデフォルトの言語は、ページとブラウザーのどちらからも言語を取得できない場合にのみ使用されます。
特定の言語に固定する
<script src="https://widget.accessibird.com/loader.js" data-website-id="YOUR_WEBSITE_ID" data-lang="nl" async></script>または、アドレスに言語を指定します。
<script src="https://widget.accessibird.com/loader.js?lang=zh-tw" data-website-id="YOUR_WEBSITE_ID" async></script>data-lang="auto"を指定した場合の動作は、省略した場合と同じです。
知っておくと便利なこと
- ページを再読み込みせずに言語を切り替える場合：言語切り替えボタンなどでウェブサイトの言語が変わると、ウィジェットの言語も連動して切り替わります。ただし、訪問者が自分で言語を選んでいる場合は、その言語が維持されます。
- 右から左への表示：アラビア語やヘブライ語などでは、ウィジェットは右から左に表示されます。
- ヒント：
<html lang="nl">のように、ページに正しい言語が設定されていることを確認してください。多くのウェブサイトビルダーでは、自動的に設定されます。 - 再訪問するユーザーについて：今回のアップデート後は、訪問者が以前に選んだ言語が一度だけリセットされます。ウィジェットで再び選び直すことができます。
開発者向け
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']);