予約ページのデフォルト言語を英語に変更する方法

予約ページのデフォルト言語を英語に変更する方法

JTB BÓKUNのウィジェット(予約エンジン)は、30以上の言語に対応しています。この記事では、多言語を表示させる方法をステップごとに紹介します。

ステップ1 - 体験商品に多言語の翻訳を追加する

まず作成した商品に翻訳文を追加します。追加方法はこちらをご参照ください。

ご案内:アカウント・会社情報関連>グローバル設定>優先言語で設定している言語が日本語になっている場合、たとえ外国人観光客向けの商品でも、日本語で商品作成をする必要がございます。日本語で作成した商品に外国語の翻訳を追加してください。


ご注意:JTB BÓKUNには、自動翻訳機能がございます。ただし、観光・旅行の情報は固有名詞や文化歴史など、自動翻訳では不自然になることが多く、翻訳の質は商品を選択する際に旅行客にとって重要であるため、より予約を多く受けるためには質の高い翻訳をしていただくことをお勧めします。自動翻訳の設定はこちらをご覧ください。


ステップ2 - 予約チャンネルのデフォルト言語を選択する

予約チャンネルとは、どのウェブサイトから予約が入ったのかを追跡するための機能です。もっとも一般的なものは、自社のウェブサイトです。自社のウェブサイトが、言語ごとに違うページを作成している場合には、各言語ごとに予約チャンネルを作成することもできます。予約チャンネルについてはこちらをご覧ください。


左側のメインメニュー>設定>予約チャンネル をクリックします。

デフォルト言語を設定したい予約チャンネルの編集をクリックします。




左側のメニューの「デフォルトの言語」をクリックし、ドロップダウンから当該予約チャンネルで販売する際のデフォルト言語を選択し、「続ける」をクリックします。




ステップ3 - ウィジェット(予約エンジン)での確認

左側メインメニュー>オンライン・セール>ウィジェット をクリックし、右上のドロップダウンから上記で編集した予約チャンネルを選択します。


左側のメニュー「ウィジェットのタイプの選択」から、「ボタン」タイプをクリックし、翻訳を追加した商品を選択したうえ、「Book Now」ボタンをクリックします。


開いたウィジェットが最初に表示される言語は上記予約チャンネルで設定したデフォルト言語です。

さらに右上のドロップダウンから、翻訳で追加した言語が選択できるようになります。



注意:自社商品ではなくマーケットプレイスで契約したサプライヤーの商品の場合、ウィジェットプレビュー画面で表示される言語は上記の予約チャンネルで設定される言語ではなく、サプライヤーが設定したデフォルト言語です。ただし、ウィジェットコードをウェブサイトに埋め込むと、予約チャンネルで指定したデフォルト言語が表示されるようになります。


ウィジェット表記する言語について:うまく反映されない場合


上記のステップに従って設定したにもかかわらず、予約チャンネルで指定した言語でウィジェットが表示されなかった場合は、ウィジェットの言語表示の適用優先順位が原因です。

ウィジェットの言語表示の適用優先順位は以下の通り:


  1. ウィジェットコードの上書き
  2. ウェブサイトのHTMLの指定言語
  3. 予約チャンネルで設定したデフォルト言語


1.ウィジェットコードを上書きする方法


ウィジェットコードのdata-src部分に言語指定のパラメータ?lang=言語コードを追加することで、ウィジェットの表示言語を強制的に指定することができます。


ウィジェットコード一部のサンプル:

<div class="bokun-widgets" data-src="https://widgets.bokun.io/online-sales/:BOOKING_CHANNEL_UUID/experience-calendar/:EXPERIENCE_ID?lang=en"></div>

2.ウェブサイトのHTMLの指定言語


もしウィジェットコードの埋め込み先のウェブサイトで、<html>タブにてある言語を指定している場合、ウィジェット表示言語が<html>タブが指定した言語に従います。


<html>タブのサンプル: <html lang="ja">

下記のウェブサイトに、英語がデフォルト言語として設定した予約チャンネルのウィジェットコードを埋め込んでも、日本語で表示されます。


ベンダー向けのJavaScript機能


以下の内容は開発ベンダー向けの内容です。

もし自社ウェブサイトの言語切替ボタン/ドロップダウンリストに合わせて、ウィジェット言語を変更したい場合は、以下のJavaScriptをウェブサイトに追加することでできます。

function onLanguageChange(newLanguage) {
       
// Just to make sure that BokunWidgets has loaded.
        if (BokunWidgets) {
            BokunWidgets.setLanguage(newLanguage);
        }
    }


サポート言語コード一覧

言語 言語コード 言語 言語コード
Arabic ar Slovak sk
Bulgarian bg Slovenian sl_SI
Czech cs Serbian sr
Danish da Swedish sv
German de Thai th
Greek el Turkish tr
English en Vietnamese vi
English (United States) en_US Chinese zh
Spanish es Chinese (Hong Kong SAR China) zh_H
Spanish (Latin America) es_419 Chinese (Taiwan) TW
Finnish fi Dutch nl
French fr Norwegian no
Croatian hr Polish pl
Hungarian hu Portuguese pt
Indonesian id Portuguese (Brazil) pt_BR
Icelandic is Japanese ja
Italian it Korean ko
Hebrew iw Lithuanian lt
Russian ru
Share by: