貴ウェブサイトにインストールした予約フォームにカスタムJavaScriptコールバックを追加することで、イベントの追跡をすることができます。
ご注意ください: この設定には、JavaScriptコールバックの基本的な知識が必要となります。サポートが必要な場合は、ウェブ開発者に相談することをお勧めします。
始める前に
- 貴ウェブページにカスタムスクリプトを追加します。
予約フォームのイベントの追跡
JavaScriptコールバックを追加する
- Sirvoyにて、設定 -> 予約フォームへと進みます。
- 予約フォームの横にある「︙」をクリックします。
- ドロップダウンリストの中から、「インストール方法」をクリックします。
- 「アドバンス設定」をクリックします。
- 「JavaScript コールバック関数」に、呼び出す関数名を入力します。
- 「このコードをコピーする」に表示されるコードをコピーします。
- そのコードを貴ウェブページに入力して予約フォームをインストールします。
これで、予約フォーム上でゲストが実行するステップごとに関数が呼び出されます。
予約フォームのフローで発生するイベント:
- page_code_required – クーポンコードを入力するフィールドが表示されると発生します(貴予約フォームでクーポンコード入力フィールドが表示されるように設定されている場合)。
- page_search – 検索フォームが表示されると発生します。追加データ:「user_data」 (arrivalDate, departureDate, totalAdults, category)
- page_results – 検索結果ページが表示されると発生します。追加データ:「user_data」 (page_searchと同様)
- page_details – ゲスト情報入力ページを表示すると発生します。追加データ:「user_data」 (page_searchと同様)
- page_pending – 予約完了のステップの前で、オンライン決済プロバイダーから戻った後、もしくはオンライン決済プロバイダーを使用していない場合にはpage_detailsイベントの後に発生します。追加データ:「booking」(JSON形式の予約表示)
- page_confirmation – 予約完了のステップにて、オンライン決済プロバイダーから戻った後、もしくはオンライン決済プロバイダーを使用していない場合にはpage_detailsイベントの後に発生します。追加データ:「booking」(JSON形式の予約表示)
- booking_completed – 予約完了ページが表示され、予約完了したときに発生します。追加データ:「booking」(JSON形式の予約表示)
ご注意下さい:「booking_completed」は、予約ごとに1回だけ発生することが保証されています。ゲストが任意での支払いをする場合、「page_confirmation」や「page_pending」などの他のイベントは複数回発生する可能性があります。ゲストがオンライン決済プロバイダーからリダイレクトされるたびに、これらのイベントは発生します。
「予約の確認」機能でのイベントの追跡
JavaScriptコールバックを追加する
- Sirvoy上で、設定 -> 予約の確認 -> インストール方法 へと進み、「アドバンス設定」をクリックします。
- 「JavaScriptコールバック関数」フィールドに、呼び出したい関数名を入力します。
- 「このコードをコピーする」に表示されるコードをコピーします。
- そのコードを貴ウェブページに入力して 「予約の確認」機能をインストールします。
これで、「予約の確認」機能でゲストが実行するステップごとに関数が呼び出されます。
「予約の確認」機能のフローで発生するイベント:
- page_review_search – 「予約の確認」機能の検索ページを表示すると発生します。
- page_review_booking – 「予約の確認」ページを表示すると発生します。追加データ:「booking」(JSON形式の予約表示)
- page_review_pending – 「予約の確認」機能を介して任意の支払いが行われた後に発生します。このイベントの後、「予約の確認」ページが再度表示され、「page_review_booking」イベントが再度発生します。追加データ:「booking」(JSON形式の予約表示)
こちらもご確認ください
以下のコードを使用して、ウェブ開発者コンソールですべてのイベントを印刷して、利用可能なイベントとそれに関連するデータを調べることが出来ます。
<script>
function customEventHandler(data) {
console.log("Got Sirvoy custom JS event: " + data.event);
console.dir(data);
}
</script>