テスト方法をダウンロード。

OPENTABLE 予約機能のテストプラン
予約機能のテストプラン
OpenTable 予約機能をご利用いただき、ありがとうございます。お客様のホームページで予約機能が正常に機能するかを確認す
るため、是非こちらのテストプランをご利用ください。
何かテストで問題が発生した場合は、後半の「トラブルシューティング」をご覧ください。問題が解決しない場合はオープンテーブル
カスタマーサポートまでご連絡ください。
お客様のホームページ
客様のホームページ上
のホームページ上での動作及
での動作及び
動作及び表示テスト
表示テスト:
テスト:
1.
2.
3.
4.
5.
6.
OpenTable の予約機能を追加したページを、各種 Web ブラウザで確認して下さい。Internet Explorer だけでなく、Firefox,
Chrome, Safari での表示も必ず確認して下さい。
予約機能が正しく表示されているか確認して下さい。
ドロップダウンメニューから正しく値が選択できるか、予約情報の入力画面で値が正しく選択されているかをご確認くださ
い。
オーバーレイ表示を利用される場合は、予約画面がホームページに重なって表示されるか、ブラウザの中央に画面が表
示されるか、またプルダウンメニュー等が正常に動作するかをご確認ください。
人数を変えて何度か空席の検索を行い、お店の空きテーブルの状況が正しく検索されているかをご確認ください。
可能であれば、予約を実際に作成し、システムに正しく予約が入力されるかをご確認ください。予約後キャンセルしていた
だければ、オンライン予約手数料は発生いたしません。
予約ウイジット
予約ウイジットトラブルシューティング
症状:
症状予約ウイジットがブラウザ上で以下のような状態で表示されます。
対策:
対策: 予約ウイジットを利用するページのトップには完全な DOCTYPE が宣言されている必要があります。
対象のページの <html> タグよりも前
タグよりも前に以下の DOCTYPE を追加・変更して下さい。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
Version 040813 |
Page 1 of 6
対策2
対策2: もし DOCTYPE を追加しても
追加しても効果
のコンテンツの都合上 DOCTYPE を変更することができなかった
変更することができなかった場合
しても効果がなかったり
効果がなかったり、
がなかったり、他のコンテンツの都合上
することができなかった場合
は、予約ウイジットではなく予約モジュールをご利用ください。予約モジュールを利用される場合は
https://www.otrestaurant.jp/marketing/ReservationWidget , でお客様のレストランを選択し、表示される予約ウイジットの選択ペー
ジで「その他のオプション」を選択して下さい。予約モジュールの選択画面が表示されますので、そちらからホームページのデザイ
ンにあったものをご選択ください。
症状:
症状: ドロップダウンメニューが正しい場所に表示されない。
対策:
対策: 現在ホームページでご利用のスタイルシートに、予約ウイジットへの表示に影響を及ぼす箇所が存在する可能性がありま
す。スタイルシートをご確認いただき、該当の箇所を削除するか、OpenTable にあった設定に変更して下さい。詳細については、弊
社カスタマーサポートまでご連絡ください。
Version 040813 |
Page 2 of 6
症状:
症状: “予約する”、”POWERED BY OPENTABLE” の文字が間違ったサイズで表示されている。
対策:
対策: 既にホームページで利用されていたスタイルシートの設定が、予約ウイジットの動作に影響を及ぼしている可能性がありま
す。予約ウイジットのコードに以下の埋め込みスタイルシートをコピーして下さい。フォントの設定が上書きされます。
<style type="text/css">
.OT_title{margin:0!important;padding:10px 0 0 0!important;fontsize:14px!important;color:#0F0F0F;font-weight:normal!important;textalign:center!important;width:165px!important;white-space:nowrap!important;}
.OT_subtitle{margin:0!important;padding:0!important;font-size:8px!important;letterspacing:.15em!important;color:#0F0F0F!important;text-transform:uppercase!important;textalign:center!important;font-weight:normal!important;whitespace:nowrap!important;width:165px!important;}
</style>
Version 040813 |
Page 3 of 6
予約モジュールのトラブルシューティング
予約モジュールのトラブルシューティング
症状:
症状日付のドロップダウンメニューと、時間のドロップダウンメニューが離れて表示される。
対策:
対策: 予約ウイジットのためのスタイルシートが読み込まれていないことが原因です。ドロップダウンメニューを正常に表示するた
めには、必ず対象のページでスタイルシートが参照されていなければなりません。
https://www.otrestaurant.jp/marketing/ReservationWidget で生成したコードに含まれる CSS ファイルへのリンクが、正しく組み込
まれているかを確認して下さい。リンクは生成したコードの1行目に “.css” で終わる URL で記載されています。もしリンクが組み込
まれているにもかかわらず正しく表示されない場合は、お客様のホームページが外部のスタイルシートを読み込めないように設計
されている可能性があります。その場合は、予約モジュールではなく予約ウイジットをお試しください。
Version 040813 |
Page 4 of 6
予約モジュール
予約モジュール/
モジュール/ウイジットが全
ウイジットが全く表示されない
表示されない。
されない。
症状:
症状: ホームページに予約モジュール、予約ウイジットが表示されない。”[レストラン名]に予約”というテキストリンクと OpenTable
のロゴのみが表示される。
対策:
対策: 2つの原因が考えられます。1つ目は、お客様のレストラン ID が現在有効な ID ではない可能性があります。表示されている
テキストリンクをクリックしてください。リンク先の OpenTable ホームページでエラー画面が表示された場合は、これが原因です。弊
社カスタマーサポートまで、現在のアカウント状況についてお問い合わせください。
2つ目は、ホームページ上で JavaScript が読み込まれていない可能性があります。お客様がご利用のホームページ作成ソフトで、
OpenTable のコードが JavaScript として設定されているかを確認して下さい。ご利用のソフト、ホームページサービスに
JavaScript を記載するためのオプションがない場合は、iframe を利用することで対応できる可能性があります。詳しくは弊社カスタ
マーサポートまでご連絡ください。
Version 040813 |
Page 5 of 6
オーバーレイ表示
オーバーレイ表示のトラブルシューティング
表示のトラブルシューティング
正しいオーバーレイ表示
症状:
症状: 予約ページが表示されない。
対策:
対策: ホームページの種類によっては、機能的にオーバーレイ表示に対応できない場合があります。その場合は、コードから
“&hover=1”の箇所を削除して下さい。
Version 040813 |
Page 6 of 6

Download Report