ユーザに現在適用されている言語を調べる方法

通常モードの優先順位

1. URLの ?lang= パラメータ

2. ブラウザのlocalStorageに保存された lang

3. ブラウザ言語

4. 対応外言語に対して設定されたフォールバック言語

Copy
https://example.com/?lang=en

SEOオプションの優先順位

サブドメイン方式

Copy
https://en.example.com/products/

サブディレクトリ方式

Copy
https://example.com/en/products/

通常モードで言語を取得するサンプル

Copy
function getCurrentAiTranslateLanguage() {
  var supported = ['ja', 'en', 'zh', 'zh-tw', 'ko'];
  var sourceLanguage = 'ja';
  var fallbackLanguage = 'en';

  function normalize(code) {
    if (!code) return null;
    var value = String(code).toLowerCase();
    if (value === 'zh-hk') return 'zh-tw';
    if (value === 'zh-cn') return 'zh';
    if (value === 'zh-tw') return 'zh-tw';
    if (supported.indexOf(value) >= 0) return value;

    var primary = value.split('-')[0];
    return supported.indexOf(primary) >= 0 ? primary : null;
  }

  var queryLanguage = normalize(
    new URLSearchParams(window.location.search).get('lang')
  );
  if (queryLanguage) return queryLanguage;

  try {
    var storedLanguage = normalize(localStorage.getItem('lang'));
    if (storedLanguage) return storedLanguage;
  } catch (e) {}

  var browserLanguage = normalize(
    window.navigator.language ||
    (window.navigator.languages && window.navigator.languages[0])
  );

  return browserLanguage || fallbackLanguage || sourceLanguage;
}

SEOオプションで取得する

中国語のブラウザ言語

リロードなしの言語切り替え

ライブエディタ