概要
自動切り替えの手法は、ウェブサイトまたはプラットフォームにWalkMeの多言語機能を実装するのに推奨される方法です。 この方法では、WalkMeがウェブサイト上の言語変数を探知してどの言語のWalkMeテキストで表示するかを決定します。
以下の手順では、自動トグルを実装します。
追加の質問がある場合、またはサイトの基盤となるコードをコントロールしていないが、サイトの言語に合わせてWalkMeコンテンツの言語を変更したい場合は、カスタマーサクセスマネージャーまたはWalkMeの問い合わせに問い合わせて、可能なオプションについて話し合ってください。
使用方法
1. 言語変数を見つける
外部ウェブ サイト上で、JavaScript関数、walkme_get_languageをウェブサイトに実装する必要があります。この関数は、初期言語設定時にadmin.walkme.comで指定した[言語のカスタム識別子]を返します。
walkme_get_language関数を実装するには、まず、ウィンドウレベルでエンドユーザーの言語を検出する言語変数が必要です。 次の情報についてITチームに問い合わせます。
- 言語変数名
- 言語変数出力
2. 多言語コードを作成する
- 次のコードをテキストエディターにコピーします:
- 注:強調されたテキストは、独自の値に置き換える必要があります。
-
<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>
- 言語変数名(上の例では
window.langCode
)を、ITチームが作成した言語変数名に変更します- この例全体を通して、ITチームの変数名として
window.langvar
を使用します - 結果はこのようになります。
<script type="text/javascript">
window.walkme_get_language = function (){
if (window.langvar)
- この例全体を通して、ITチームの変数名として
- デフォルトの言語を定義します。
前述のコード例の以下の箇所に変更を加えます。
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. 言語コードをウェブサイトに追加する
- 変更したコードをコピーします。
- サイトのヘッドタグを開く
- 各ページに多言語コードを貼り付けます
正しく機能させるためには、WalkMeが表示されるすべてのページのheadタグに多言語コードを配置する必要があります。