サブドメインの設定（SSLサーバ証明書ファイルを持っていない場合）
SSLサーバ証明書ファイルを持っていない場合のサブドメイン設定方法です。
⏰所要時間：作業自体は約20分、CNAMEレコードの発行に1～72時間かかる場合がございます。
⏰所要時間：作業自体は約20分、CNAMEレコードの発行に1～72時間かかる場合がございます。
※お名前ドットコムのレンタルサーバをご利用の施設様は、本ページの手順ではご設定いただけません。
※施設様のDNS側の設定更新頻度やTTL ( 優先度 ）の設定により、サブドメインの検索結果へ遷移するようになるまでの所要日数は、即日から遅くとも10日ほどです。具体的な所要日数については、あらかじめご利用のDNSプロバイダーへご確認ください。
サブドメインについて詳しくはこちらも併せてご参照ください。
※施設様のDNS側の設定更新頻度やTTL ( 優先度 ）の設定により、サブドメインの検索結果へ遷移するようになるまでの所要日数は、即日から遅くとも10日ほどです。具体的な所要日数については、あらかじめご利用のDNSプロバイダーへご確認ください。
サブドメインについて詳しくはこちらも併せてご参照ください。
設定の流れ
順序 | 画面 | 作業内容 |
#1 | 独自ドメイン レンタルサーバー管理画面 | ・自社でDNS管理をしている場合 DNS管理をホテル自身が行っている場合、施設側でDNSの設定を変更できるので、自由にサブドメイン名を決めて、CNAMEレコードを設定できます。 例： booking.hotel-domain.com や reserve.hotel-domain.com など ・自社でDNS管理をしていない場合 自社でDNS管理をしておらず、レンタルDNSや外部のホスティングを利用している場合は、利用しているサービスのルールにより、自由にサブドメインを決められないケースがあります。 （例：レンタルDNSの管理者が制約を設けているなど） この場合、レンタルDNSや外部プロバイダ側でサブドメインの設定が必要になる可能性があります。 |
#2 | tripla管理画面 「サブドメイン設定」 | #１で決めたサブドメインを「サブドメインURL」に入力します 。 「SSLサーバ証明書を持っていません」を選択し画面下部の保存ボタンを選択します。 1～2時間以内にtripla管理画面の「確認用レコード」が表示されることを確認します |
#3 | 独自ドメイン ネームサーバー管理画面 | DNSレコード設定画面より、#２で確認した確認用レコードのURLをもとに設定を行います。 |
#4 | tripla管理画面 「サブドメイン設定」 | 1～72時間以内にtripla管理画面の「CNAMEレコードのURL」が表示されることを確認します。 |
#5 | 独自ドメイン ネームサーバー管理画面 | DNSレコード設定画面より、#４で確認したCNAMEレコードのURLをもとに設定を行います。 |
#6 | 予約ウィジェット | 予約ウィジェットのサブドメイン設定は完了です。 |
iframe版サブドメインに切り替えをする場合は、先にファーストパーティークッキーを設定し、後からサブドメインの設定を行うことをお勧めいたします。
先にサブドメインの設定が完了し、ファーストパーティークッキーの設定が完了していない場合、ポップアップブロックがかかってしまいます。
tripla管理画面「サブドメイン設定」
ブランド管理画面ー管理者設定ーサブドメイン を開きます。
下記のサブドメイン設定画面が開きます。
Step１．サブドメインURLの登録
サブドメインURLの欄に、取得されたサブドメインのURLを入力してください。
希望するサブドメインの後に / を付けると利用出来ません。また、「WWW.」、「https://」から入力を行うとエラーが起こります。
＜例＞
誤：booking.tripla-ryokan.com/
正：booking.tripla-ryokan.com
上記は例です。実際のサブドメインURLには「tripla」と入れないようご注意ください。
誤：booking.tripla-ryokan.com/
正：booking.tripla-ryokan.com
上記は例です。実際のサブドメインURLには「tripla」と入れないようご注意ください。
| サブドメインURL | booking.tripla-ryokan.com |
| 通常の公式サイトのURL | https://www.tripla-ryokan.com |
Step 2：SSL証明書の設定
SSLサーバ証明書のプルダウンから「SSLサーバ証明書を持っていません」を選択し、一度[保存]をしてください。
サブドメインのURLを設定し保存をした後、1～2時間程度で確認用CNAMEレコード関連の情報が表示されます。
DNSレコード設定「確認用CNAMEレコード」の設定
この確認用CNAMEレコードは72時間のみ有効です。時間内にDNSレコード設定画面から確認用CNAMEレコードの設定を完了してください。
本ページ「SSLサーバ証明書ファイルを持っていない場合」の手順で予約ウィジェットをサブドメイン化した場合、tripla提携サービスにてSSLサーバー証明書の有効期限は自動で更新されます。
サブドメイン設定完了後に、DNSレコード設定画面から「確認用CNAMEレコード」を削除してしまうと、tripla提携サービス側でSSLサーバー証明書の有効期限が更新ができず、 有効期限が過ぎると、サブドメイン化した予約ウィジェットが起動できなくなるため、DNSレコード設定画面で設定した「確認用CNAMEレコード」は削除しないよう注意ください。
表示された確認用CNAMEレコード関連の情報を、DNSレコード設定画面（ご契約されているDNSプロバイダーの管理画面）で入力し設定を行ってください。
DNSレコード設定画面の項目 | 入力する内容 |
名前（ ホスト名 ） | 確認用CNAMEレコードの1行目 |
タイプ（ TYPE / 種別 ） | CNAME |
TTL ( 優先度 ) | 60 |
値（ VALUE / 内容 ） | 確認用CNAMEレコードの2行目( CNAME Target ) |
確認用CNAMEレコードの1行目
※DNSプロバイダー管理画面のDNSレコード設定画面で、先頭のアンダースコア( _ )は省略して入力することはできません。入力が受け付けられない場合、文末のピリオド( . ) は省略できます。
※また、ご利用のDNSプロバイダーによっては、名前( ホスト名 ) の一部がデフォルト設定されている場合があります。この場合は、tripla管理画面に表示される確認用CNAMEレコードの1行目に対応するように入力ボックスでご指定ください。
確認用CNAMEレコードの2行目( CNAME Target )
※DNSプロバイダー管理画面のDNSレコード設定画面で、入力が受け付けられない場合、先頭のアンダースコア( _ ) および文末のピリオド( . ) は省略できます。
検証（DNS Lookup） | 詳細 |
こちらのDNSLookupのサイトでStep3が正しく登録を行えているか確認を行う事が可能です。 DNSLookupのサイトを開き、tripla管理画面に表示されているCNAMEレコードをコピーします。 | |
Enter any Valid URLの欄に、コピーしたCNAMEレコードを入力し、[lookup DNS]をクリックします。 | |
CNAMEの中に表示されるCanonical Nameがtripla管理画面と同じものが表示されていれば正しく設定が行えています。 |
Step 3：CNAMEレコードの登録
ご契約されているDNSプロバイダーの管理画面から確認用CNAMEレコードの設定が完了すると、1～72時間以内にCNAMEレコードのURLが発行され、tripla管理画面に表示されます。
tripla管理画面に表示されたStep3のCNAMEレコードURLを、DNSレコード設定の画面（ご契約されているDNSプロバイダーの管理画面）から表示したいサブドメインの値（内容）に入力します。
| DNSレコード設定画面 | 詳細 |
名前（ホスト名） Step1に設定したサブドメインのURLを入力します。 例）booking.tripla-ryokan.com タイプ（ TYPE / 種別 ） CNAME TTL ( 優先度 ) 3600 値（ VALUE / 内容 ） Step3のtripla管理画面に表示されたCNAMEレコードURLを入力します。 例：d7fj4bhw6uzfw.cloudfront.net ※サーバーによって、ドメイン名（ゾーン）が自動で付与されてしまう場合があります。 CNAMEレコードURLの後ろに、ドメイン名（ゾーン）が自動で付与されてしまう場合は、CNAMEレコードURLの後ろに . （ドット）を付けて入力してください。 |
Step3が正しく登録を行えているかをDNS Lookupで確認します。
Step１のサブドメインURLをDNS Lookupの画面に入力します。 | |
[lookup DNS]を選択すると結果が表示されます。 CNAMEの箇所のCanonical Nameがtripla管理画面側のStep3に表示されているCNAMEレコードと同じものが表示されていればStep3は正しく設定が行えています。 |
再設定が必要な場合
72時間以内に設定が行えなかった等の理由で再設定を行う場合、画面下部に表示されている[リセット]ボタンを選択し、内容の削除を行ったうえで再設定を行ってください。
Step 4：タグの設定
メタタグ（metaタグ）とは、設置する文書（ページ）に関する情報を指定する時に使用します。メタ要素とも呼ばれ、ここで設定した場合、サブドメイン化した予約ウィジェットのHTML文書内の要素内に記述されることとなり、検索エンジンにWebサイトの情報を伝える役割を果たします。
メタタグで記述した内容は、ホームページ上には表示されませんが、titleやdescriptionというメタ要素で指定された内容は、検索エンジンの検索結果に表示されたり、記事がSNSでシェアされたときに表示されます。
メタタグで記述した内容は、ホームページ上には表示されませんが、titleやdescriptionというメタ要素で指定された内容は、検索エンジンの検索結果に表示されたり、記事がSNSでシェアされたときに表示されます。
タイトル
予約ウィジェットのサブドメイン化に伴い、ブランドコンセプトを維持するために、ブラウザに表示されるページタイトルの設定が必要です。
タイトルの各ページごと(宿泊プラン一覧、お客様情報入力、お支払情報入力、予約完了 )の項目でページタイトルとして設定したい名称を入力します。
※タイトルの入力欄では、{{facility_name}}と{{brand_name}} の変数が利用可能です。それぞれ施設名とブランド名を自動で表示することができます。
必要に応じ日本語以外のページタイトルも設定します。（利用者様のブラウザの言語に応じて予約ウィジェットの言語も切り替わるため、設定をおすすめしております）
入力完了後、画面下部の保存ボタンをクリックし保存してください。
【タイトルの設定例】
ページタイトルで変数を利用して設定した場合、サブドメイン化した予約ウィジェットでは、以下のようにページタイトルが表示されます。
| 項目 | 表示 |
| 施設名 | トリプラデモホテル |
| tripla管理画面 | tripla 【公式】{{facility_name}} |
| 予約ウィジェット | tripla 【公式】トリプラデモホテル |
※変数を利用した場合に表示される施設名は、施設単位の管理画面 > 施設情報 > 施設名 に該当します。
【タイトル予約ウィジェット画面ごとの設定例】
| 項目 | tripla管理画面 | 予約ウィジェット画面 |
| Search Result | tripla 【公式】{{facility_name}} 検索結果ページ | tripla 【公式】トリプラデモホテル 検索結果ページ |
| Guest Detail | tripla 【公式】{{facility_name}} お客様情報入力ページ | tripla 【公式】トリプラデモホテル お客様情報入力ページ |
| Payment Method | tripla 【公式】{{facility_name}} 決済情報入力ページ | tripla 【公式】トリプラデモホテル 決済情報入力ページtripla 【公式】トリプラデモホテル 決済情報入力ページ |
| Confirmation | tripla 【公式】{{facility_name}} 予約完了ページ | tripla 【公式】トリプラデモホテル 予約完了ページ |
お名前.comの場合の注意事項
お名前.comのDNSをご利用の場合、「SSL証明書なし」でサブドメインを設定した場合でも、サブドメインの機能自体は正常に動作します。
しかし、設定完了後に Step2 で使用する DNS認証用CNAMEレコードがDNS上に反映されなくなるという制限があり、
その結果、SSL証明書の自動更新ができなくなる可能性があります。
■ 原因
お名前.comの仕様により、booking.example.com にCNAMEレコードが設定されている場合、
その配下にあたる _xxx.booking.example.com に別のCNAMEレコードを追加しても、DNS上に正常に反映されないという制限が確認されています。
■ 影響と対応
この仕様により、「SSL証明書なし」の設定であっても、証明書の有効期限が切れるタイミングで、毎年サブドメインの再設定が必要となります。
tripla Bookの管理画面上で以下の手順を行うことで、再認証・再発行が可能です：
＜再認証・再発行の手順＞
・サブドメインをリセット
・同じURLで再設定を開始（例：booking.example.com）
・Step2で表示されるDNS認証用CNAMEをDNSに登録（この時点で、DNS側に既に存在している booking.example.com の旧CNAMEレコードは一時的に削除が必要です）
・証明書が更新されたら、Step3のCNAME（CloudFront）を再設定する。
■ その他の懸念点
現時点では、サブドメインの機能自体には影響はなく、他に特別な懸念点は確認されていません。
ただし、サブドメインの再設定時には一時的にCloudFrontのCDNリソースが削除されるため、再設定完了まではiframeに戻る状態になります。
再設定のタイミングにはご注意ください。
再設定のタイミングにはご注意ください。
ファビコン
ファビコンとは、ホームページのシンボル（アイコン）として使われる、画像ファイルのことです。設定すると、ホームページタイトルの横に表示されます。
サブドメインの設定は完了です。DNSの設定が完了しだい、ホームページに設置いただいたtriplaの検索窓は、「検索」ボタンからサブドメインの検索結果へ遷移するようになります。
※施設様のDNS側の設定更新頻度やTTL ( 優先度 ）の設定により、サブドメインの検索結果へ遷移するようになるまでの所要日数は、即日から遅くとも10日ほどです。具体的な所要日数については、あらかじめご利用のDNSプロバイダーへご確認ください。
Related Articles
予約ウィジェットのサブドメイン化
予約ウィジェットのサブドメイン化に関する基本情報や注意点です。 サブドメインとは サブドメインは、1つのドメインを用途に応じて複数に分割する際に使用されます。 通常、運用するホームページの数が増えると、その分ドメイン取得のコストや管理の手間がかかります。 しかし、サブドメインは1つの独自ドメインを目的別に分割して使用できるため、コストを抑えることができるというメリットがあります。 ...サブドメインの設定 ( SSLサーバ証明書ファイルを持っている場合 )
SSLサーバ証明書ファイルを持っている施設様でのサブドメイン設定方法です。 ⏰所要時間：作業自体は約15分、CNAMEレコードの発行に1～72時間かかる場合がございます。 ※施設様のDNS側の設定更新頻度やTTL ( 優先度 )の設定により、サブドメインの検索結果へ遷移するようになるまでの所要日数は、即日から遅くとも10日ほどです。具体的な所要日数については、あらかじめご利用のDNSプロバイダーへご確認ください。 サブドメインについて詳しくはこちらも併せてご参照ください。 注意点 ...Iframe版tripla Bookの設定
Iframe版tripla Bookの設定を行うとファーストパーティークッキーを使いながら同じ画面上でtripla Bookを利用する事が可能になります。 設定前必須事項 Iframe版tripla Bookの設定を行う前に以下二点の設定を行ってください。 ・ファーストパーティクッキーの設定 設定方法は下のリンクからご確認ください。ファーストパーティークッキーの設定 先にファーストパーティクッキーの設定を行ってから、サブドメインの設定を行っていただくことをお勧めいたします。 ...サブドメインのGoogle analytics設定
サブドメイン機能をご利用されている方で、Google analyticsのクロスドメインを使った流入元の計測方法をご案内いたします。 こちらのページに記載されているGA(ユニバーサルアナリティクス)は、2023年6月30日をもってサービスが終了されています。 今後は、GA4の設定を確認ください。 こちらの設定方法は、triplaが保証するものではなく、Google analyticsを利用した一例としてご紹介をしております。 恐れ入りますが、Google ...コンバージョン計測（第三者タグ）
マーケティング企業から受け取ったユーザー分析タグ、広告のコンバージョンタグなど、第三者のタグを入稿し、予約確認画面で発火することが出来ます。 広告などのコンバージョンを測定する際に予約完了ページにてコンバージョンタグを設定する必要がありますが、この予約完了ページにてタグを埋め込むことができる機能が「第三者タグ」となります。 この第三者タグに任意でコンバージョンタグを記載し保存すると、お客様が予約完了した1回のみ発火し、コンバージョン測定を行うことが可能です。 但し、Google ...