🔍サイネージのレイアウト設定をする

この記事の対象サービス

• 🔍コミュニケーションの場の見える化サービス Bamiel

サイネージのレイアウトを設定します。

この記事の操作を行える操作権限

• admin

◆用語の説明

• サイネージ
  • ヒートマップや画像、テキスト等を表示する「デジタルサイネージ」のことです。
  • サイネージはブラウザとディスプレイがあればどの端末でも表示することができます。
    
    
• コンテンツ
  • レイアウト上に配置される、ヒートマップや画像、テキスト等のことです。
    
    
• レイアウト
  • サイネージを表示するときのコンテンツの配置のことです。
  • レイアウトは用途に合わせていくつでも作成できます。
  • レイアウトを作成しなかった場合は、サイネージにはデフォルトで設定されている画像とテキストが表示されます。

(1)「レイアウト設定」をクリックしてください。

(2)「レイアウト作成」をクリックしてください。

(3)作成するレイアウトを選択してください。それぞれのレイアウトの説明と見本は下記の「レイアウトの見本」をご覧ください。説明しやすいように各レイアウトに番号をつけています。
※マニュアルでは「①のレイアウト」を選択して説明します。画像とテキストの設定方法はどのレイアウトでも共通です。

レイアウトの見本

• ①のレイアウト（日付、時間が表示されるレイアウト）
  
  
  • ヒートマップ、日付、時間、画像、テキストが表示されます。
  • サイネージの閲覧者に、勉強会開催やランチ情報のような日時情報をお知らせしたい時におすすめのレイアウトです。
    
    
• ②のレイアウト（ヒートマップの凡例が表示されるレイアウト）
  
  • ヒートマップ、ヒートマップの凡例、画像、テキストが表示されます。
  • サイネージの閲覧者にヒートマップを読み解いてほしい時におすすめのレイアウトです。
    
    
• ③のレイアウト（ヒートマップのみ表示されるレイアウト）
  
  
  • ヒートマップが表示されます。
  • ヒートマップだけを大きく表示したい時におすすめのレイアウトです。

(4)レイアウト設定ウィンドウが表示されます。

• 任意のレイアウト名に変更したい場合
  • 「レイアウト名の下に書いてある文字」を消して「レイアウトの名称」を入力してください。
    （例）お知らせ、勉強会情報など
    ※マニュアルではレイアウト名を変更して説明します。
    
    
• レイアウト名を変更しない場合
  • 「レイアウト名の下に書いてある文字」がレイアウト名になります。
    
    

(5)画像を設定します。「編集」ボタンをクリックしてください。画像は複数枚を切り替えながら表示させることが可能です。

(6)「追加」ボタンをクリックしてください。
※デフォルトで画像が2枚設定されています。削除したい場合は「×」ボタンをクリックしてください。

(7)設定したい画像のURLを貼ってください。設定したい画像の枚数分、(6)と(7)の操作を行ってください。設定できる画像の枚数に上限はありません。設定する画像を1枚だけにすると、その画像が常時表示されます。
※設定した画像を削除したい場合は「×」ボタンをクリックしてください。
画像のサイズやファイル形式については下記の「画像について」をご覧ください。

画像について

• ファイル形式：jpg または png
• サイズ：指定なし
• アスペクト比： 1:1
  • 上記の比率でない場合は1:1の画像になるようにシステムが自動で上下左右を切り取りサイズを調整します
• 容量：指定なし
• ファイル名：指定なし
  • 日本語、英語など何語でも問題ありません。
• 必要枚数：設定したい枚数分
• 画像のURL：画像をどこかのサーバーに置くと入手可能
  • （例）Googleドライブに画像をアップロードし、URLを取得する
    • ①Googleドライブに設定したい画像をアップロードする
    • ②共有リンクの公開範囲を「リンクを知っている全員」にする
    • ③リンクを取得する
    • ④取得したリンクの{ID}をメモする
      
      • https://drive.google.com/open?id={ID}
      • https://drive.google.com/file/d/{ID}/view?usp=sharing
        
    • ⑤上記URLを以下のように書き換えると、Googleドライブから画像を直接呼び出すURLとなります。
      ※{}は不要です。
      http://drive.google.com/uc?export=view&id={ID}
    • ⑥URLの取得完了
      ※上記の画像URL入手方法は、弊社が指定するものではありません。画像URLの入手は、ユーザーさまの任意の方法でご準備いただくようお願いしております。
• 画像の向き：表示したい向きに設定しておく
  • アップロード後に画像を回転して向きを変更することはできません。アップロード前に画像の向きを調整してください。

(8)画像名の上にある「↑」「↓」をクリックして画像を表示する順番を設定してください。「↑」をクリックすると上に、「↓」をクリックすると下に移動します。

(9)画像を切り替える間隔を設定します。間隔を設定する方法は2種類あります。お好きな方法で設定してください。切り替え間隔についての説明等は下記の「切り替え間隔について」をご覧ください。

1. 数字が書かれているところをクリックして切り替えたい秒数を入力する
2. 三角形をクリックして好きな秒数を設定する。1秒単位で増減できます。

切り替え間隔について

• 画像とテキストを切り替える間隔を設定できます。
• 設定できる間隔の単位は「秒」です。
  • 設定できる最低の秒数：1秒
  • 設定できる最高の秒数：無限（制限なし）
• デフォルトの秒数は10秒です。
• 画像とテキストを同じタイミングで切り替えたい場合は、画像とテキストを切り替える間隔を同じ秒数に設定してください。

(10)「OK」ボタンをクリックしてください。

(11)テキストを設定します。「編集」ボタンをクリックしてください。

(12)「追加」ボタンをクリックしてください。
※デフォルトでテキストが2種類設定されています。削除したい場合は「×」ボタンをクリックしてください。

(13)「タイトル」「本文1」「本文2」を入力してください。設定したいテキストの数分、(12)と(13)の操作を行ってください。設定できるテキストの数に上限はありません。
※設定したテキストを削除したい場合は「×」ボタンをクリックしてください。
それぞれの表示場所は下記の「テキストの見本」をご覧ください。

テキストの見本

• 入力できる文字数に制限はありませんが、あまりにも多いと表示が崩れる場合があります。
• 改行することもできます。

(14)テキスト名の上にある「↑」「↓」をクリックして画像を表示する順番を設定してください。「↑」をクリックすると上に、「↓」をクリックすると下に移動します。

(15)テキストを切り替える間隔を設定します。間隔を設定する方法は2種類あります。お好きな方法で設定してください。切り替え間隔についての説明等は上記の「切り替え間隔について」をご覧ください。

1. 数字が書かれているところをクリックして切り替えたい秒数を入力する
2. 三角形をクリックして好きな秒数を設定する。1秒単位で増減できます。

(16)「OK」ボタンをクリックしてください。

(17)画像とテキストの設定が完了しました。「編集」ボタンの横に設定した個数が表示されます。この設定画面上に表示されているのがプレビューです。
※プレビューではヒートマップの場所にサンプルの平面図が表示されていますが、実際のサイネージにはフィールド設定で設定した平面図が表示されます。

(18)「保存する」ボタンをクリックしてください。

(19)レイアウト設定が完了しました。設定したレイアウトが保存され、レイアウト設定ページに表示されます。