TOP公式サイト連携自社ホームページに予約番の埋め込みタグやURLを設置したい
最終更新日 : 2026/06/17

自社ホームページに予約番の埋め込みタグやURLを設置したい

「ホームページ埋め込み部品」は、ホームページに埋め込みできる タグやURLを作成するページ です。タグをホームページに埋め込むことで 「検索フォーム」「空室カレンダー」「イチ押しプラン」「プランランキング」 などを掲載できます。また、プラン管理や部屋管理で作成した 「こだわり条件」のURL も発行できます。各項目の「発行」ボタンを押すとタグまたはURLが表示されますので、コピーしてご利用ください。各項目のボタンをクリックすると詳細の開閉ができます。

※ホームページを構成する HTMLやCSSなどの専門知識が必要 となります。タグの埋め込み作業につきましては、ホームページ制作会社様、または制作担当者様へご依頼 ください。

※デザインやレイアウトの調整は各タグの 「スタイルサンプル」 を参考に、スタイルシート等で調整をお願いします。

利用できる埋め込み部品(全 8 種)

1. 検索フォーム

宿泊日や人数などの検索条件を入力できる 予約検索フォーム をホームページに掲載できます。

2. イチ押しプランの埋め込みタグ

指定した おすすめのプラン を埋め込み先のサイトに掲載できます。
※関連 Q&A「ホームページに施設のおすすめプランを表示したい

3. プランランキングの埋め込みタグ

指定したプランを埋め込み先のサイトに ランキング形式 で掲載できます。

4. 空室カレンダー(部屋個別)

選択した 部屋ごとの空室カレンダー をホームページに掲載できます。

5. 空室カレンダー(全部屋)

公開中の部屋の空室状況 をまとめてホームページに掲載できます。

6. プラン一覧(こだわり条件指定)URL

指定した 「こだわり条件」でカテゴライズされたプラン を一覧表示できるリンクを発行できます。
※関連 Q&A「こだわり条件を設定しているプラン一覧のURL(リンク)が知りたい

7. 予約番への解析タグ埋め込み(申込必要)

施設様からご依頼いただいて予約画面に設置した Googleなどの「解析タグ」 を確認できます。
※関連 Q&A「予約(完了)ページの閲覧数やコンバージョン計測のために、予約番へ解析用のタグを設置したい

8. ダイナミックパッケージURL(申込必要)

公式サイトなどに設置できる ダイナミックパッケージ予約画面のURL を取得できます。

発行手順

  • 管理画面の「トップページ」を開きます。
  • 「ホームページ埋め込み部品」を選択します。
  • 利用したい部品(空室カレンダー・検索フォームなど)のタグを発行、または URL を取得します。
  • 発行された埋め込みタグまたは URL をコピーし、自社ホームページに貼り付けます。

表示期間・表示日数の設定

  • 空室カレンダー(部屋個別)の「カレンダー表示期間」:当月を含む 1〜12 ヶ月の中から、最大 12 ヶ月まで選択できます。
  • 空室カレンダー(全部屋)の「カレンダー表示日数」:最大 40 日まで選択できます。

埋め込みタグの活用のヒント

  • 「表示サンプル」で表示イメージを確認しながら、「埋め込みタグ」を調整できます。
  • jQuery を利用したサンプルスクリプトコードが提供されているため、HP への設置時の調整がしやすくなっています。
  • タグの埋め込み後、表示処理に時間がかかる場合は「タグの通信形式」で「非同期通信(Ajax)」を選択して再発行することで改善できます。

パラメータ追加に関するご注意

ホームページで利用する予約画面のURLに独自のパラメータを追加した場合は、動作保証外 となります。誤ったパラメータの追加や URL の一部変更により、リンクエラーやアクセス制限が発生する事例があります。パラメータ仕様での連携が必要な場合は、公式の「ホームページ埋め込み部品」のご利用 を推奨します。

発行されるその他のリンク

管理画面の 「トップページ」→「リンクアドレス」(プラン別/部屋別) でも、公式サイト等で利用できる各種予約用リンクを確認・発行できます。HP 制作会社様と連携する場合は、これらの画面からリンクを取得して共有する運用が可能です。
※関連 Q&A「予約ページのリンク(URL)を知りたい

【参考】HP制作会社様への「埋め込み部品」や「リンク」の共有方法

管理画面から発行できる「ホームページ埋め込み部品」のリンクやタグ、サンプルデザイン等をHP制作会社様に共有する手段として、HP制作会社様専用の管理画面サブアカウントを作成する方法があります。

作成したサブアカウントにHP制作会社様がログインすることで、管理画面から直接「ホームページ埋め込み部品」やリンクを参照できます。
なお、サブアカウントには「権限」も設定できますので、設定変更や顧客データの参照などを制限できます。

サブアカウントの詳細につきましては、下記のQ&Aをご参照ください。
担当者ごとにログインするアカウントを分けたい(管理画面を操作できる範囲を制限したい)