2. 販売・運用設定
3.5. アクセス解析のための設定
h t t p s : / / t r a v e l . r a k u t e n . c o . j p /
② 管理画面TOPページ内の
【施設情報の管理】タブをクリック。
③ 【写真・動画管理】をクリック。
④【写真アップロード】をクリック。
⑤【ファイルを選択】をクリックし、設定したい 画像を選択。
⑥空欄に必要事項を記入。
⑦【登録】をクリック。
① ヘッダーにしたい画像をPC内に保存。
3.1.ヘッダー画像の設定(1/2)
各ページに表示させるために、画像URLを作成し、ヘッダー部分に画像を設定します。
⑤
36
⑥
⑦
⑧ 「保存されました」の表示を確認し、【施設情報 の管理TOPに戻る】をクリックし、再度【写真・動画 管理】をクリック。
次ページへ＞＞
※画像サイズの目安 国内版：100x900p 英語版：100x650p
⑩ ⑦でコピーしたURLを【タイトルに使用する 画像：PCサイト用リンク先】部分に貼り付け、
画面下の【設定】ボタンをクリック。
※画像の大きさの目安：100p×900p
※）設定しない場合は、【クリアする】を クリックし、画面下部の【設定】をクリック。
⑧ 【R-with設定画面】をクリック。
⑨ 【R-withの表示基本設定】をクリック。
⑫ 実際のページで反映を確認。
3.1.ヘッダー画像の設定(2/2)
⑪ 下記表示で設定完了。
⑦アップロードした画像のURLをコピーし、
画面上部の【部屋設定・予約管理】タブを クリックして管理画面TOPページへ戻る。
↑URLをコピー
h t t p s : / / t r a v e l . r a k u t e n . c o . j p /
各ユーザー画面のフッダー・ヘッダー部分に表示させる文言について設定します。
④枠内に表示させたい文言を入力し、【設定】を クリック。
⑤下記表示で設定完了。
①管理画面の【R-with設定画面】をクリック。
3.2.ヘッダー・フッターメッセージの設定
②【画面表示メッセージ設定】をクリック。
⑥ 実際のユーザー画面で反映を確認。
38
③ 設定したい画面の対象カテゴリを選択し、
【設定画面表示】ボタンをクリック。
※［サンプル画面］をクリックすると反映画面が 確認できます。
※続けて他のサンプル画面を確認する場合は
対象カテゴリを選択後、再度【設定画面表示】ボタンを 押してから［サンプル画面］をクリックしてください。
サンプル画面
② 【R-withの表示基本設定】をクリック。
④各項目のラジオボタンで色を選択し、
【色を変更する】ボタンをクリックし設定完了。
※※表示したい色が選択色にない場合
⇒【カラーパレット】から設定したい色を選択。
3.3.ユーザー画面の表示色・フォントの設定
① 【R-with設定画面】をクリック。
③ 【表示色の設定はこちら】をクリック。
背景やフォントの表示色、フォントサイズ、ヘッダーやフッダー部分の文字位置について の設定を行います。
⑤ユーザーページへの反映を確認。
h t t p s : / / t r a v e l . r a k u t e n . c o . j p /
① 【R-with設定画面】をクリック。
アクセス解析を行うための設定を行います。
3.5.アクセス解析のための設定
① 【R-with設定画面】をクリック。 ② 【アクセス解析用タグ設定】をクリック。
③ ■設定対象画面カテゴリ 及び ■設定対象画面を指定し、【設定画面表示】ボタンをクリック。
④ 【スクリプトURL】の部分に事前に用意したスクリプトファイル（**.js）を入力し、
【設定箇所】を指定したら右側の【設定】ボタンをクリック。
③
④
⑤下記画面が表示されたら、設定完了。
※スクリプトファイル（**.js)の生成方法は画面内のこちらをクリック。
※
h t t p s : / / t r a v e l . r a k u t e n . c o . j p /
4. 英語版での販売
2013
年
11月より
R-withの英語版予約システムが改善され、ユーザー画面の デザイン及び自動英訳機能の追加と共に在庫連携・料金の仕様を変更させて 頂きました。 新たな設定方法について次をご参照ください。
4.1. 基本設定点
4.1.1.英語版の仕様について --- 43 4.1.2. R-with日本語版・英語版の共通点・相違点 --- 44