Help Center
WalkMeヘルプセンターへようこそ

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

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

Last Updated 5月 28, 2024

概要

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

以下の手順では、自動トグルを実装します。

追加の質問がある場合、またはサイトの基盤となるコードをコントロールしていないが、サイトの言語に合わせてWalkMeコンテンツの言語を変更したい場合は、カスタマーサクセスマネージャーまたはWalkMeの問い合わせに問い合わせて、可能なオプションについて話し合ってください。

🎓 Digital Adoption Institute

使用方法

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のアカウントタブにある[言語のカスタム識別子]にする必要があります。
  • 別の言語を追加します。
    • 翻訳したい言語ごとに、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. サイトのヘッドタグを開く
    3. 各ページに多言語コードを貼り付けます

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

    技術的なノート

    • WalkMe Menuに手動トグルが追加されている場合、手動選択は自動トグルを上書きし、動作しません
    • 通常の単一ページ以外のアプリケーションの場合
      • 言語関数は、各ページ上のWalkMeスニペットの前に宣言する必要があります
      • ログインページでwalkme_get_language()を設定しないでください
    • シングルページアプリケーションの場合
      • メインウィンドウでWalkMeAPI.changeLanguage()を使用

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

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

    Be part of something bigger.

    Engage with peers, ask questions, share ideas

    Ask the Community
    ×