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']);