共有コンポーネント：コンテンツの作成

共有コンポーネント：コンテンツの作成

Info
コンテンツの作成ができます。作成したコンテンツは、tripla Botのメニューや、tripla Guide、LINE連携した際のLINEのメニューに使用できます。

⏱所要時間：約10分

設定する場所

施設管理画面ー共有コンポーネントーコンテンツページ



コンテンツページ一覧

作成したコンテンツを一覧で管理する画面です。「使用場所」をクリックすると、作成したコンテンツを使っている場所をプルダウンで選択でき、使用場所ごとに表示できます。


作成する際は「＋コンテンツページの作成」をクリックします。


管理画面
意味

作成するコンテンツをリンク、エディタ、カスタムボットから選択する。

リンク：クリックするとリンクに入力したURLに遷移する。
エディタ：クリックするとテキストと画像で作成したコンテンツを表示する。
カスタムボット：クリックすると別途設定した入力フォーム等のカスタムボットを表示する。

アイコンライブラリ -Google Fonts

デフォルトで登録されているアイコン画像から選択する。
アイコンは英単語を入れると検索できる。


カスタムアイコン画像

好きなアイコン画像を取り込むことができる。

文字のある画像を使用する場合、下記にチェックを入れることでタイトルを表示しないことも可能。

カスタム画像
※Guideのメニューでのみ使用する。Botのメニューでカスタム画像を入れてもアイコンとして反映されない。

写真自体をtripla Guideのメニューアイコンとして取り込むことができる。

文字のある画像を使用する場合、下記にチェックを入れることでタイトルを表示しないことも可能。

※コンテンツページでのGuideのカスタム画像のメニューの取り込みは2025/1/15現在、リリースしていない現在開発中の機能です。


コンテンツのタイトルを入力する。
※リンクを選択した場合に表示される。

リンク先URLを入力する。
※エディタを選択した場合に表示される。

テキストと画像でコンテンツを作成する。
エディタについてはこちらのマニュアルを参照。

コンテンツを表示する期間を設定できる。
例えば期間限定のイベントの場合、指定した日付通りに自動的に表示／非表示が可能。


HTMLコードの埋め込み


共有コンポーネントのコンテンツページで、ウィジェットのHTMLコードを埋め込み、Guideのページに適用することも可能です。

スクリプトを以下の2つに分けて入力する必要があります。
・スクリプトコードは<head>タグ内のカラムに入力してください。

・HTMLコードはエディターをHTMLモードに切り替えて入力してください。



    • Related Articles

    • 共有コンポーネント：画像スライダー資料

      Guideで表示する画像を複数枚スライダーで表示することが可能です。 ⏱所要時間：約５分 設定する場所 施設管理画面ー共有コンポーネントー画像スライダー資料 「＋画像スライダー資料」をクリックします。 画像スライダー資料作成画面が開きます。 各設定項目 コンポーネント名 管理用のタイトルを入力してください。 カスタマイズ 「画像を追加」をクリックし、画像を挿入してください。 URLリンクに遷移先URLを入れると、画像をクリックした時に指定したURLリンク先にリンクさせることができます。 ...

    • tripla Guide

      紙やVODで表示していた館内案内を、お客様のスマートフォンで表示できるサービスです。 ※ご利用にはtripla Botとtripla Guideのご契約が必要です。 ＜CM3.0への遷移について＞ tripla Guideは新機能アップデートに伴い、新しい管理画面であるCM3.0に自動で遷移します。 ※「フライヤー」のみ一時的にCM2.0のままとなります。ご了承ください。 設定する場所 施設管理画面ーtripla Guide クリックすると、自動でCM3.0の画面に遷移します。 ...

    • チャットボットメニュー

      チャットボットのメニューのカスタマイズをすることで、より見やすく情報を整理して表示することが可能です。 ⏱所要時間：約５分 設定する場所 施設管理画面ーチャットボットメニュー チャットボットメニュー設定画面が開きます。 外観 デザイン選択（コンパクト／フルページ） コンパクト：メニューがボタン上になり小さく表示されます。 チャットのテキスト入力欄も表示されます。 フルページ：メニューがリストで表示され、チャットのテキスト入力欄が非表示になり、メニューのみになります。 表示メニューのON/OFF ...

    • チャットボットメニューのカスタマイズ

      チャットボットのメニューの設定ができます。メニューは左側三本線をタップすると表示されます。 メニューボタンを出すことで調べたい情報が一覧でき、より使いやすくなります。 ⏱所要時間：約5分 設定する場所 チャットーチャットボットメニュー（CM3.0にリダイレクトします） リダイレクト先ではBotの管理画面の「チャットボットメニュー」が表示されます。 チャットボットメニューをカスタマイズする メニューのデザインを設定することができます。 管理画面 プレビュー フルページは従来のデザインと同じです。 ...