メインコンテンツへスキップ

予約完了をWebサイトで計測できるようにする（ウィジェット）

ご契約に固定枠予約ウィジェットまたは自由枠予約ウィジェット機能が含まれている場合にご利用になれます。本機能が画面に表示されない場合は、以下からお申し込みください。
ご契約・ご請求に関するご相談

ウィジェットで予約が完了すると、ウィジェットを埋め込んだランディングページなどのWebサイトにイベントが送信されます。Webサイト側でこのイベントを受け取ることで、Webサイトで使用しているGoogleアナリティクスなどの解析ツールで予約完了を計測できます。

イベントは、固定枠予約ウィジェットと自由枠予約ウィジェットのどちらでも送信されます。

送信されるイベントの内容

予約が完了すると、ウィジェットから、ウィジェットを埋め込んだWebサイトにpostMessageでイベントが送信されます。送信されるメッセージ（event.data）には、以下の値が含まれます。

プロパティ 値 説明
type reservation_completed 予約が完了したことを示す値。
source hacomono-widget hacomonoのウィジェットから送信されたことを示す値。

hacomonoからは、送信先のオリジン（targetOrigin）を限定せずにイベントを送信します。イベントを受け取るときは、typeとsourceの値で、hacomonoのウィジェットから送信された予約完了のイベントであることを判定してください。

Webサイトでイベントを受け取るための実装

ウィジェットから送信されたイベントを受け取るには、ウィジェットを埋め込んだWebサイトに、イベントを受け取る以下のコードを追加します。コード内のコメント部分には、利用している解析ツールで予約完了をコンバージョンとして計測するための処理を記述してください。

window.addEventListener('message', (event) => {
   if (event.data?.type === 'reservation_completed' && event.data?.source === 'hacomono-widget') {
       // コンバージョンタグを発火する処理をここに記述
   }
})

関連記事