Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

モバイルサイト作成の手順について

【概要】

本書では、弊社レストランセンターにてサービス提供しているモバイルサイト（duda mobile 社）の作成手順につい

て記載しております。編集に関する詳細および、ご不明な点がある際は、duda mobile 社の下記ヘルプページをご参

照ください。

http://support.dudamobile.com/home?locale=59

ヘルプページをご参照いただきましてもご不明な点がある場合は弊社オープンテーブルカスタマーサポートまでご相

談ください。

【作成の流れ】

1. レストランセンター（加盟店様向け情報サイト）からモバイルサイトの作成をする

2. オープンテーブル予約ボタンなどを設定する

3. 設定した表示内容をプレビューにて確認する

4. 作成したモバイルサイトを公開する

5. リダイレクトの設定をする

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

【詳細な手順】

1. レストランセンターにて「電子メールアドレス/パスワード」を入力し[ログイン]をクリックします。

URL：http://www.otrestaurant.jp/

※レストランセンターのアカウントをお持ちでない場合は、画面上部「アカウントをリクエストする」をクリ

ックしアカウントをリクエストください。

また、パスワードがご不明な場合は、「パスワードをお忘れですか？」をクリックし再設定ください。

2. ログイン完了後、メニュー画面より「マーケティング」から[モバイルサイト]をクリックし、モバイルサイトの作

成]ボタンをクリックします。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

3. duda mobile の画面にて「予約する／電話する／アクセス」のボタンが表示されているか確認します。

4. 各ボタン（予約する／電話する／アクセス）の設定をします。

・予約する

1. [予約する]のボタンを右クリックし[編集]をクリックします。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

2. レストラン ID を設定します。

※レストラン ID は毎月の請求書をご確認ください。

3. 再度レストラン ID が正しいことを確認し [終了]ボタンをクリックする。

・電話する

※このボタンに登録されている電話番号は「03-1234-1234」となります。そのため、必ずお店の電話番号に

変更が必須となります。

1. [電話する]のボタンを右クリックし[編集]をクリックします。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

2. 電話番号の項目にて、お店の電話番号を入力し[終了]ボタンをクリックします。

3. 入力した電話番号が正しいことを確認し[終了]ボタンをクリックします。

・アクセス

1. [アクセス]のボタンを右クリックし[編集]をクリックします

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

2. 「Google プレイスのリストに接続」にて店舗名が記載されているか確認し、[マップに表示]をクリックしお

店のマップが正しく表示されるか確認します。

3. 表示内容が正しい場合は、右上の[×]ボタンをクリックし、[終了]ボタンをクリックします。

5. 各ページの編集をご希望の場合は、[ページ編集]をクリックすることで可能です。

※編集方法の詳細につきましては、duda mobile 社のヘルプページをご参照ください。

6. 編集完了後、「プレビュー」をクリックします。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

7. プレビューにて表示内容を確認します。

※左側のアイコンにてスマートフォンの機種（iPhone/Android など）ごとの表示を確認できます。

8. 表示の確認が終了したら、右上[×]ボタンをクリックしプレビュー画面を終了します。

9. 表示された内容に問題ない場合は[サイトの保存と公開]をクリックし、[保存/公開]ボタンをクリックします。

※表示を編集する場合は「ページ編集」にて編集した箇所を修正ください。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

10. 次に[モバイルサイトのリダイレクトを設定する]をクリックします。

※リダイレクトの設定がされていないと、スマートフォンからお店のホームページを表示しても PC サイトと同

じ表示になり、作成したモバイルサイトが表示されません。

Restaurant Reservations - Free • Instant • Confirmed

オープンテーブル株式会社 www.opentable.jp

11. 「あなたの index.html ファイルへ・・・」の項目に記載のコードをお店のサイトの index.html 内の< head >タ

グに貼り付けます。

なお、スマートフォンに表示される url を店舗名などに変更をご希望の場合は、弊社カスタマーサポートまでご相

談ください。（店舗様により変更不可の場合もございますので、予めご了承ください。）

※お店のホームページにリダイレクトコードを貼り付ける方法につきましては、店舗様にてホームページ作成者

または、ホームページ作成会社様へご確認ください。