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