JTB BÓKUNのウィジェット(予約エンジン)は、30以上の言語に対応しています。この記事では、多言語を表示させる方法をステップごとに紹介します。
まず作成した商品に翻訳文を追加します。追加方法はこちらをご参照ください。
ご案内:アカウント・会社情報関連>グローバル設定>優先言語で設定している言語が日本語になっている場合、たとえ外国人観光客向けの商品でも、日本語で商品作成をする必要がございます。日本語で作成した商品に外国語の翻訳を追加してください。
ご注意:JTB BÓKUNには、機械翻訳機能がございます。ただし、観光・旅行の情報は固有名詞や文化歴史など、機械翻訳では不自然になることが多く、翻訳の質は商品を選択する際に旅行客にとって重要であるため、より予約を多く受けるためには質の高い翻訳をしていただくことをお勧めします。機械翻訳の設定はこちらをご覧ください。
予約チャンネルとは、どのウェブサイトから予約が入ったのかを追跡するための機能です。もっとも一般的なものは、自社のウェブサイトです。自社のウェブサイトが、言語ごとに違うページを作成している場合には、各言語ごとに予約チャンネルを作成することもできます。予約チャンネルについてはこちらをご覧ください。
左側のメインメニュー>設定>予約チャンネル をクリックします。
デフォルト言語を設定したい予約チャンネルの編集をクリックします。
左側のメニューの「デフォルトの言語」をクリックし、ドロップダウンから当該予約チャンネルで販売する際のデフォルト言語を選択し、「続ける」をクリックします。
左側メインメニュー>オンライン・セール>ウィジェット をクリックし、右上のドロップダウンから上記で編集した予約チャンネルを選択します。
左側のメニュー「ウィジェットのタイプの選択」から、「ボタン」タイプをクリックし、翻訳を追加した商品を選択したうえ、「Book Now」ボタンをクリックします。
開いたウィジェットが最初に表示される言語は上記予約チャンネルで設定したデフォルト言語です。
さらに右上のドロップダウンから、翻訳で追加した言語が選択できるようになります。
注意:自社商品ではなくマーケットプレイスで契約したサプライヤーの商品の場合、ウィジェットプレビュー画面で表示される言語は上記の予約チャンネルで設定される言語ではなく、サプライヤーが設定したデフォルト言語です。ただし、ウィジェットコードをウェブサイトに埋め込むと、予約チャンネルで指定したデフォルト言語が表示されるようになります。
上記のステップに従って設定したにもかかわらず、予約チャンネルで指定した言語でウィジェットが表示されなかった場合は、ウィジェットの言語表示の適用優先順位が原因です。
ウィジェットの言語表示の適用優先順位は以下の通り:
ウィジェットコードの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>
予約ボタンタイプのウィジェットコードサンプル(該当箇所の一部のみ):
<button class="bokunButton" disabled id=bokun_896d88c8_f7d3_4af1_afd2_29304fed5e19 data-src="https://widgets.bokun.io/online-sales/f22582dd-68de-4395-8f66-xxxxxxxxxxxx/experience/651526?lang=en&?partialView=1" data-testid="widget-book-button" > Book now </button>
もしウィジェットコードの埋め込み先のウェブサイトで、<html>タブにてある言語を指定している場合、ウィジェット表示言語が<html>タブが指定した言語に従います。
<html>タブのサンプル: <html lang="ja">
下記のウェブサイトに、英語がデフォルト言語として設定した予約チャンネルのウィジェットコードを埋め込んでも、日本語で表示されます。
以下の内容は開発ベンダー向けの内容です。
もし自社ウェブサイトの言語切替ボタン/ドロップダウンリストに合わせて、ウィジェット言語を変更したい場合は、以下の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 |