tripla Page_マニュアル

tripla Page_マニュアル

こちらのページでは、tripla Pageをお申込み頂いた施設様向けのマニュアルを記載しております。

この度は、tripla Pageサービスをお申込みいただき、誠にありがとうございます。
弊社サポートチームにて詳細を確認後、施設様専用の以下の情報を準備し、メールにてご案内いたします。
  • テストURL（リダイレクト前に提供するデモURL）
  • tripla Pageの管理画面URL・ログインID（メールアドレス）・パスワード
（＊準備には2～4営業日かかる可能性がございますので、ご了承ください）

ローンチまでの流れ

Info
＃担当者詳細
1施設様申込書をいただきます。
2弊社申込書を確認後、専用のアカウントを発行いたします。
（約2～4営業日）
3弊社メールにてアカウント情報を連絡いたします。
4弊社各設定をすすめます。
・検索バーの表示
・JavaScriptコードの設置
・指定の色等
5施設様ログインしていただき、HPを作成していただきます。
6施設様（ドメイン管理者）HP作成完了したら、ドメイン上でAレコード（DNSレコード）を設定するようお願いします。
※設定完了したら、弊社に連絡お願いします。
7弊社ドメイン上Aレコードの設定後、本サイトに切替作業を進めます。
（約1～2営業日）
8弊社本サイトへ切替完了したら、メールの完了の連携いたします。


※既存公式サイトについて※
Alert
tripla Pageが本番公開した後に
既存公式サイトの広告などが残っている場合、Googleなどで検索した際、
既存公式サイトが表示される可能性がございますので、事前にご確認するようお願いします。
（下記、Googleでの表示の例です。）



事前準備
tripla Page作成に必要な詳細を事前にご準備していただくと、スムーズに作成できるため、事前準備をおすすめします。
　　

詳細

項目

内容

形式

備考

ホテルロゴ

横縦

JPG

推奨サイズ：180X60

ホテル代表的な写真（大）

横縦

JPG

推奨サイズ：1920X1080 px

（複数の写真可）

ホテル代表的な写真（小）

横縦

JPG

推奨サイズ：952X656px

（10枚程）

ホテル紹介

テキスト

TXT

文字数調整可

部屋写真

横縦

JPG

推奨サイズ：1110X656 px

（部屋ごとに6枚程）

客室

客室名

部屋サイズ

定員

説明分等

TXT


設備写真

横縦

JPG

推奨サイズ：1200X960 px

（1枚）

設備詳細

ホテル名

フロア

営業時間

紹介分等

TXT


周辺観光地写真

横縦

JPG

推奨サイズ：200X200 px

1枚提供

周辺観光地詳細

観光地名

サブタイトル

アクセス

住所

紹介分等

TXT


ホテル情報

アクセス（車）

アクセス（電車）

住所

FAX

電話

電子メール

緯度、経度等



ホテル情報

ホテル名

概要

内容

写真等

TXT

JPG

ホテル関連のイベント情報やニュース情報

各情報には1枚の代表画像が必要です。

推奨サイズ：400X267 px

ウェブサイト情報

ウェブサイトのタイトル

ロゴ画像(小)

SNSのURL

ブランド（組織）説明

キーワード等

TXT

JPG

ロゴ画像(小)

推奨サイズ：32X32 px


管理画面の使い方
ログインについて
URL：https://hotels.page.tripla.ai/user/login
サポートチームからお送りしたログイン情報を使用してログインをお願いします。
一張含有 文字, 螢幕擷取畫面, 字型, 設計 的圖片 自動產生的描述
＊ログイン情報が不明の場合、下記メールアドレスにてお問合せください。
メールアドレス：support@tripla.zohodesk.jp

ログイン後の管理画面
ログインすると、下記のような画面が表示されます。
一張含有 文字, 網頁, 軟體, 網站 的圖片 自動產生的描述
Ａ：各機能メニューバー
Ｂ：作業エリア
Ｃ：ブランド名とプラットフォームのバックエンド名 
Ｄ：言語設定

①Step1：各コンテンツの表示箇所
用意されたコンテンツを機能メニューに順次埋め込み、そのコンテンツがウェブサイト上で適切に表示されるかどうかをご確認ください。
（＊コンテンツの一覧とウェブサイト上の表示順番が異なりますので、ご注意ください。）

一張含有 文字, 螢幕擷取畫面, 網站, 網頁 的圖片 自動產生的描述


②Step2：ホームページに登録
管理画面の利用期間が表示されます。利用期間が終了すると、自動的に契約が更新されます。（該当箇所はご契約内容に従います。）
一張含有 文字, 網頁, 網站, 螢幕擷取畫面 的圖片 自動產生的描述


③Step3：ホームページの動画
「ロゴ & 言語」と「動画の調整」の設定が可能です。

  • ロゴ & 言語
一張含有 文字, 網頁, 網站, 軟體 的圖片 自動產生的描述

A：多言語対応の設定
スイッチをONにすると、ウェブサイト上言語の選択が可能となります。
一張含有 螢幕擷取畫面 的圖片 自動產生的描述

Ｂ：ロゴのアップロード
ロゴはヘッダーとフッターの2箇所に表示されます。


ヘッダー


一張含有 螢幕擷取畫面, 文字, 設計 的圖片 自動產生的描述
フッター

  • 動画の調整
一張含有 文字, 軟體, 網頁, 網站 的圖片 自動產生的描述
一張含有 文字, 蔬菜, 螢幕擷取畫面, 水果 的圖片 自動產生的描述
A：トップページ上部には、3枚の画像をスライドショーで設定できます。
B：アップロードした画像の確認と、画像の上に表示するテキストの入力が可能です。
C：クリックすると、画像のアップロードが可能です。

④Step4：ウェブサイト
ウェブサイトの主要なメニュー項目を設定します。
「企業情報」、「客室・プラン紹介」、「施設」、「周辺観光」、「お問い合わせ」の設定が可能です。
  • 企業情報
以下は2つに分かれています。
A：ホテル写真のアップロード（最大6枚まで）
B：ホテル紹介文の記載（タイトルと内容を含む）
一張含有 文字, 螢幕擷取畫面, 網站, 網頁 的圖片 自動產生的描述 
一張含有 文字, 螢幕擷取畫面, 網站, 網頁 的圖片 自動產生的描述

  • 客室紹介
客室紹介詳細の設定が可能です。
A：複数の客室がある場合、キーワードで検索可能
B：新規追加・客室の紹介文を入力
C：客室ごとに内容の編集・削除が可能

一張含有 文字, 軟體, 螢幕擷取畫面, 網頁 的圖片 自動產生的描述

Bの「追加」をクリックすると、客室内容の編集、画像のアップロードが可能です。（画像サイズにご注意ください。）
一張含有 文字, 螢幕擷取畫面, 軟體, 電腦圖示 的圖片 自動產生的描述

一張含有 文字, 網站, 網頁, 網路廣告 的圖片 自動產生的描述

また、ウェブサイト内のタイトル下の説明も、修正可能です。
一張含有 文字, 軟體, 螢幕擷取畫面, 網頁 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字 的圖片 自動產生的描述

一張含有 文字, 螢幕擷取畫面, 設計 的圖片 自動產生的描述

  • 施設
施設詳細の設定が可能です。
A：複数の施設がある場合、キーワードで検索可能
B：新規追加・施設の紹介文を入力
C：施設ごとに内容の編集・削除が可能
一張含有 螢幕擷取畫面, 文字, 軟體, 網頁 的圖片 自動產生的描述

Bの「追加」をクリックすると、施設内容の編集、画像のアップロードが可能です。（画像サイズにご注意ください。）
一張含有 螢幕擷取畫面 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字, 軟體, 網頁 的圖片 自動產生的描述

また、ウェブサイト内のタイトル下の説明も、修正可能です。
一張含有 螢幕擷取畫面, 文字, 軟體, 網頁 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字, 網頁 的圖片 自動產生的描述

一張含有 文字, 螢幕擷取畫面, 網站, 格局 的圖片 自動產生的描述

  • 周辺観光
周辺観光詳細の設定が可能です。
A：複数の周辺観光がある場合、キーワードで検索可能
B：新規追加・施設の紹介文を入力
C：周辺観光ごとに内容の編集・削除が可能

一張含有 文字, 軟體, 網頁, 網站 的圖片 自動產生的描述
Bの「追加」をクリックすると、周辺観光内容の編集、画像のアップロードが可能です。（画像サイズにご注意ください。）
一張含有 文字, 螢幕擷取畫面, 軟體, 電腦圖示 的圖片 自動產生的描述
一張含有 文字, 網站, 網頁, 軟體 的圖片 自動產生的描述

また、ウェブサイト内のタイトル下の説明も、修正可能です。
一張含有 文字, 軟體, 網頁, 網站 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字, 網頁 的圖片 自動產生的描述

一張含有 文字, 螢幕擷取畫面, 網頁, 網站 的圖片 自動產生的描述
  • お問合せ
お問合せ詳細の設定が可能です。
一張含有 文字, 螢幕擷取畫面, 網頁, 網站 的圖片 自動產生的描述

設定した詳細はウェブサイトの下部に表示されます。
緯度と経度はGoogleマップからホテルの情報を確認後、設定してください。（Googleマップで施設名・住所を入力後、ピンの上で右クリック）。
一張含有 文字, 地圖, 圖表, 行 的圖片 自動產生的描述
一張含有 文字, 螢幕擷取畫面, 電腦遊戲, 遊戲軟體 的圖片 自動產生的描述


⑤Step5：最新ニュースの管理
最新ニュース詳細の設定が可能です。
A：複数の最新ニュースがある場合、キーワードで検索可能
B：新規追加・客室の紹介文を入力
C：最新ニュースごとに内容の編集・削除が可能

一張含有 文字, 螢幕擷取畫面, 網頁, 軟體 的圖片 自動產生的描述
Bの「追加」をクリックすると、最新ニュースの編集、画像のアップロードが可能です。（画像サイズにご注意ください。）
一張含有 螢幕擷取畫面, 文字 的圖片 自動產生的描述
一張含有 文字, 網站, 網頁, 螢幕擷取畫面 的圖片 自動產生的描述
また、ウェブサイト内のタイトル下の説明も、修正可能です。
一張含有 文字, 螢幕擷取畫面, 網頁, 軟體 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字, 網頁, 網站 的圖片 自動產生的描述

一張含有 文字, 螢幕擷取畫面, 網站, 網路廣告 的圖片 自動產生的描述


⑥Step6：ギャラリー管理
ギャラリーの設定が可能です。
複数の画像をアップロードしてください。
アップロードした画像はウェブサイトに表示されます。（最大12枚）
一張含有 文字, 螢幕擷取畫面, 網站, 網頁 的圖片 自動產生的描述

一張含有 螢幕擷取畫面, 文字, 多媒體軟體, 繪圖軟體 的圖片 自動產生的描述


⑦Step7：ウェブサイト設定
ウェブサイトの設定が可能です。
ウェブサイトのタイトル、画像（小）、SNSのURLなど、ページのコンテンツを設定をしてください。
一張含有 文字, 螢幕擷取畫面, 網頁, 網站 的圖片 自動產生的描述



ドメイン上のAレコード（DNSレコード）設定

サーバー側で、下記の設定をお願いします。（サーバーにより設定箇所が異なる可能性があるので、ご注意ください。）
・　「ホスト名」を入力
・　「TYPE」→Aを選択
・　「TTL」→3600を選択
・　「VALUE」or「内容」→IP住所を入力　（IP住所：60.251.16.135）



＃お名前.comをご利用の場合の例：
①サーバーにログインします。
②右側一覧の「ネームサーバー設定」＞【ドメインのDNSレコード設定】を選択します。



③【DNSレコード設定を利用する】を選択します。


④Aレコードを設定します。
・　「ホスト名」を入力
・　「TYPE」→Aを選択
・　「TTL」→3600を選択
・　「VALUE」→IP住所を入力　（IP住所：60.251.16.135）



⑤設定後、追加をクリックすると、完了です。

＃xserverをご利用の場合の例：
①サーバーにログインします。
②一覧の「ドメイン」＞【DNSレコード設定】を選択します。




③ドメイン名から、設定必要なドメインを選択します。

④【DNSレコード追加】を選択し、下記を設定します。
・　「ホスト名」を入力
・　「種別」→Aを選択
・　「内容」→IP住所を入力　（IP住所：60.251.16.135）
・　「TTL」→3600を選択



⑤設定後、確認画面へ進んに保存すると、完了です。

2024 年 7 月 18 日：制定
2024 年 8 月 21 日：更新（追加：①ローンチまでの流れ、②ドメイン上のAレコード設定）
2024 年 10 月 10 日：更新（追加：既存公式サイトについて）

    • Related Articles

    • tripla Page サービス利用規約

      最終更新日：20240522

    • A①.Bookでの設定

      最初に、tripla Bookの利用が初めての場合は、以下の作業が必要です。　　 以下URLのマニュアルを参照のうえ、設定を行ってください。 (クリックすると、tripla Bookのマニュアルに遷移いたします。) ※すでに設定されている場合は、本項目の対応は不要でございます。 部屋タイプの設定 プランの設定 基本設定(子供設定) 基本設定(キャンセルポリシー設定)

    • tripla Link - 予約一覧

      概要 このマニュアルでは、Tripla Linkの「予約一覧」機能を使用して予約を検索、インポート、およびエラーマッピングを処理する方法について説明します。これにより、効率的に予約を管理し、エラーを迅速に解決することができます。 ①　検索条件による予約検索 予約リストから予約を検索する際の操作方法について説明します： 予約名で検索：ゲスト名を「お客様のお名前」の空欄に入力し、「検索」をクリックします。 ...

    • ※tripla Link・Airhost_利用サービス別 セットアップ作業の流れ

      triplaLink(以下、Link)での設定が必須の項目は、利用予定のサービスによって異なります。 以下該当のフロー並びに記事を参照のうえ、ご対応をお願いいたします。 ※注意 添付ファイルには、以下画像と同一のファイルをアップロードしております。 添付ファイル内の青字下線部より、該当のマニュアルをご確認いただけます。 1.画像での確認 2.ダウンロードでの確認 ※本画像は以下の添付資料よりダウンロードが可能です。 ...

    • [Airhostとの接続]

      Airhostとの接続を行います。 以下マニュアルを参照のうえ、ご対応ください。 ①BookとAirhostを接続 Airhostでの対応が必要です。 Airhostのマニュアル項番1-4を参照ください。 ※項番5のマッピング作業に関しては、後ほど行います。 <Airhost管理画面でチャンネル追加時、triplaが確認できないときの対処法> 　 Airhost管理画面でtriplaの選択肢を追加するためには、現時点で別途Airhost様側で設定が必要でございます。 ...