多言語の自動切り替えを有効にする方法

Last Updated 6月 14, 2023

概要

自動切り替えの手法は、ウェブサイトまたはプラットフォームにWalkMeの多言語機能を実装するのに推奨される方法です。 この方法では、WalkMeがウェブサイト上の言語変数を探知してどの言語のWalkMeテキストで表示するかを決定します。

以下の手順に従って、自動切り替えを実装します。

その他の質問や、サイトの基本コードを管理していないが、WalkMeコンテンツの言語をサイト言語に合わせて変更したい場合は、お客様の成功マネージャーまたはWalkMe担当者に連絡して、可能なオプションについてご相談ください。

🎓🎓 デジタルアダプション研究所

自動切り替えを有効にする手順

1. 言語変数を見つける

外部ウェブ サイト上で、JavaScript関数、walkme_get_languageをウェブサイトに実装する必要があります。この関数は、初期言語設定時に admin.walkme.comのアカウントタブで指定した「言語の短縮名」を返します。

注:短縮名には英数字(文字と数字)およびハイフンのみを含めることができます。 (詳しくはこちらの記事を参照してください。)

walkme_get_language関数を実装するには、まず、ウィンドウレベルでエンドユーザーの言語を検出する言語変数が必要です。 次の情報についてITチームに問い合わせます。

  • 言語変数名
  • 言語変数の出力

2. 多言語コードを作成する

  1. 次のコードをテキストエディターにコピーします。 太字になっているテキストを独自の値に置き換える必要があります。
    <script type="text/javascript">
    window.walkme_get_language = function (){
    if (window.langCode)
    {
    if (window.langCode == 'EN') {
    return '';
    }
    else if (window.langCode == 'FR') {
    return 'FR';
    }
    else {
    return ''
    }
    }
    }
    </script>
    
  2. まず、言語変数名(上記の例ではwindow.langCode)をITチームが作成した言語変数名に変更します (この例では、をITチームの変数名window.langvarとして使用します)。 結果はこのようになります。
    <script type="text/javascript">
    window.walkme_get_language = function (){
    if (window.langvar)
  3. デフォルトの言語を定義します。
    前述のコード例の以下の箇所に変更を加えます。
    if (window.langCode == 'EN') {
    return '';
    }

    変更後は以下のようになります。

    if (window.langvar == 'EN') {
    return '';
    • デフォルト言語の変数出力を変更します。この例では、ENがデフォルト言語です。
    • return関数は、デフォルト言語の場合は空白のままにするか、insights.walkme.comアカウントタブにある「言語の短縮名」にする必要があります。
  4. 別の言語を追加します。
    • 翻訳したい言語ごとに、ENに適用した上記の手順を繰り返します。
      この例では、FRを別の言語として追加します。 以下のようになります。
      else if (window.langvar == 'FR') {
      return 'FR';
      }
      else {
      return ''
      }
      

最終的な結果は以下のようになります。

<script type="text/javascript">
window.walkme_get_language = function (){
if (window.langvar)
{
if (window.langvar == 'EN') {
return '';
}
else if (window.langvar == 'FR') {
return 'FR';
}
else {
return ''
}
}
}
</script>

3. 言語コードをウェブサイトに追加する

  1. 変更したコードをコピーします。
  2. サイトのheadタグを開きます。
  3. 各ページに多言語コードを貼り付けます。

正しく機能させるためには、WalkMeが表示されるすべてのページのheadタグに多言語コードを配置する必要があります。

一般的なベストプラクティス

  • 通常の1ページ以外のアプリケーションの場合
    • 言語機能は、各ページの WalkMe スニペットの前に宣言する必要があります
    • ログインページでwalkme_get_language()を設定しないでください
  • 単一ページアプリケーションの場合
    • メインウィンドウのWalkMeAPI.changeLanguage()を使用します

この記事は役に立ちましたか?

ご意見ありがとうございます!
×

アカウントタイプの選択

選ぶ
< 戻る

Mobile account login

< 戻る