Versions Compared

Version Old Version 13 New Version Current
Changes made by

YUKA SAITO

友田 舞

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

ダッシュボードにストーリーフィードを追加する際に、オブジェクトのサイズや背景書式など、通常の書式設定をすべて適用することができます。また、ストーリーフィードに特有の表示オプションを設定することもできます。各機能の詳細は、以下の表を参照してください。

Image RemovedImage Added

項目説明
名前 (タイトル)ウィジェットの上部に表示するタイトルテキストを入力します。タイトルを表示しない場合は、空欄のままにします。
コード内でこのウィジェットを特定したい場合は、公開UUIDを使用してください。
コンテンツフォルダーストーリーフィードのソースが含まれるコンテンツフォルダーを選択します。デフォルトでは、すべてのサブフォルダーに保存されたストーリーがフィードに表示されます。
サブフォルダー (コンテンツフォルダーを選択することで表示されます)特定のサブフォルダーのコンテンツのみを表示する場合は、こちらで選択をします。上記コンテンツフォルダー項目で忘れずに親フォルダーを選択してください。サブフォルダーを選択することで、サブフォルダーのコンテンツのみがフィードに表示されます。
ダークテーマフィードのテーマをライトまたはダークから選択します。
作成者を表示フィード内に各アイテムを作成したユーザーの名前を表示する場合は、こちらのトグルを有効にします。
公開日を表示各アイテムが最後に公開された日付を表示する場合は、こちらのトグルを有効にします。
説明を表示フィード内に各アイテムの説明を表示する場合は、こちらのトグルを有効にします。
未読を太字で表示ストーリーフィード内の未読アイテムを太字で表示する場合は、こちらのトグルを有効にします。
サムネイルを表示イメージが存在する場合に、フィード内に各アイテムのサムネイルバージョンのメインイメージを表示する場合は、こちらのトグルを有効にします。

...

  1. ストーリーフィードが既に追加されたダッシュボードを、プレビューまたは公開モードのいずれかの状態で閲覧していることを確認します。



  2. フィードの左下隅でフィードに追加ボタンをクリックし、フィードに追加するアイテムを作成ダイアログボックスを表示します。
    テンプレートとして使用するよう選択したすべてのストーリーが、ダイアログボックス内に一覧として表示されます。



  3. 既存のテンプレート一覧からひとつを選択し、既存のストーリーのコピーを作成するか、右下隅の新規ストーリー作成ボタンをクリックし、コンテンツが何も追加されていない新しい空のストーリーを作成します。
    ストーリーは、タイトルにコピーの文字が追加された状態で、編集モードで表示されます。



  4. 要件に応じて、フィルターの設定やコンテンツの調整を行います (ストーリーの作成について、より詳細な情報は、こちらを参照してください)。



  5. ストーリー上部にある公開ボタンをクリックします。
  6. 作成したストーリーをストーリーフィードに表示する場合は、元のストーリーと同じフォルダー (およびフィードの設定に応じて、同じサブフォルダー) に保存し、公開ボタンをクリックします。



  7. 公開されたストーリーを閉じると、先に追加したストーリーフィードのあるダッシュボードに戻ります。
    新規ストーリーは、フィードのトップに表示されます。


ページトップ

...

シグナル一覧コードウィジェット

アナリティクススイートの一部としてYellowfin シグナルを導入している場合、こちらのウィジェットを使用して、ダッシュボードに文脈的なシグナル一覧を追加することができます。これは、ダッシュボード上のコンテンツに関連する自動的に検知されたインサイトを、素早く、簡単に統合する方法です。（分析の実行時にシグナルが検知され、ウィジェットフィルターがこれを表示するように設定されている場合）シグナル一覧ウィジェットは、リアルタイムに検知される新しいシグナルを反映して、更新されます。

この一覧は、色分けされたシグナルを使用しており、ポジティブなインサイトは青、ネガティブな結果のインサイトはオレンジで表示します。

　Image Added


ウィジェットインタラクション

公開されたダッシュボードのユーザーは、シグナル一覧を閲覧し、対話することができます。

  • シグナルのオープン：一覧内のシグナルをクリックし、その詳細ページへ移動します。


Image Added


  • シグナル一覧ページの閲覧：「すべてを表示する」をクリックするとシグナル一覧ページへ移動し、シグナルの評価やウォッチへの追加、オーナーのアサインなど、一覧とのさらなる対話が可能になります。シグナル一覧ウィジェットにフィルターが適用されている場合、これはシグナル一覧ページにも反映されます。


Image Added


  • 一覧のスクロール：ウィジェット一覧を簡単にスクロールできます。表示するシグナルの数に制限はありません。


シグナル一覧ウィジェットの構成

こちらの手順では、シグナル一覧ウィジェットの追加方法や、ユーザーの好みに応じてシグナルを閲覧するためにフィルターを適用し、設定する方法を紹介します。これは、一覧に表示されるシグナルを制御します。

  1. 「ウィジェット」ボタンをクリックして、「コードウィジェット」項目展開します（デフォルトでは展開済みです）。
  2. キャンバスに、「シグナル一覧」ウィジェットをドラッグします。

    Image Added

  3. これにより、「プロパティ」パネルが更新され、このウィジェットのプロパティが表示されます。

    Image Added

  4. フィルター値を選択して、シグナルウィジェット一覧にフィルターを適用します。利用可能なオプションにより、以下に基づきシグナルを閲覧します。

    Image Added

    1. 時間：過去30日分など、事前に選択した時間範囲に応じて、シグナルを閲覧します。時間に応じて表示されるシグナルを制限したくない場合は、「すべて」を選択します。
    2. シグナル解析ジョブ：特定の解析構成ジョブにより検知されたシグナルを閲覧します。
    3. シグナルのステータス：これには、ウォッチ一覧に追加したシグナルや、最近閲覧したシグナル、クローズしたシグナルや無視したシグナルが含まれます。
    4. シグナルのタイプ：急増や急減のみを表示するなど、特定のタイプのシグナルのみを表示します。
    5. ビュー：特定のビュー内で検知されたシグナルを表示します。
  5. 適用したフィルターに応じて、一覧が保存されることに注意してください。「フィルターが適用された」一覧は、公開されたダッシュボードに表示されます。
  6. こちらのウィジェットに関連するすべてのプロパティの説明や設定方法は、プロパティ項目を参照してください。


シグナルウィジェットのプロパティ

シグナル一覧ウィジェットに特化したプロパティです。

プロパティの名前説明
名前シグナルウィジェットの名前を更新します。
フィルター一覧によりシグナルウィジェットを更新する複数のフィルターを提供します。これらは、上記シグナルフィルター項目で網羅されています。
スタイル
ダークテーマこちらのトグルを有効にして、ダークテーマでシグナルウィジェットを表示するか、無効にすることで、ライトテーマを維持します。
サイズと位置
Xダッシュボードキャンバスに正確に配置するために、シグナルウィジェットの左上隅のX座標を指定します。
Yダッシュボードキャンバスに正確に配置するために、シグナルウィジェットの左上隅のY座標を指定します。
高さ

現在選択しているシグナルウィジェットの高さをピクセル単位で指定して、正確にサイズを変更します。

シグナルウィジェットの幅は、こちらのウィジェットで調整できないため、設定項目は表示されません。

ウィジェットを固定こちらのトグルを有効にして、シグナルウィジェットの位置を固定します。これにより、ウィジェットの移動やサイズの変更はできなくなります。これは、キャンバス上で複数のウィジェットを選択する場合にも適用されます。クイックグラフは引き続きカスタマイズできることに注意してください。


ページトップ

...

カスタムHTML

こちらのウィジェットは、ダッシュボードキャンバス上の任意の箇所にカスタムHTMLを追加します。こちらのウィジェットから追加されたHTMLは、ダッシュボードのすべてのモードで表示されます。

HTMLはダッシュボードのコードエディターでサポートされていますが、コードモードでのカスタムHTMLの実際の出力は、ビジュアルモードには反映されません。実際の出力を確認するには、ダッシュボードをプレビューする必要があります。

カスタムHTMLコードウィジェットは、コードモードに追加されたカスタムHTMLコンテンツの出力を、プレビューすることなくビジュアルモードで確認できます。


カスタムHTMLコードウィジェットの使用

こちらのウィジェットは、特にHTML、CSS、JavaScriptなどのコーディング知識を持つユーザーが使用するためにデザインされています。これは、ウィジェットの編集にコードモードの使用が要求されるからです。

Note

これを適切に機能させるためには、「コードモード使用権」が付与されていることを確認してください。


  1. 画面の左側で、「ウィジェット」ボタンをクリックします。

    Image Added

  2. 表示された一覧の「コードウィジェット」項目から、「カスタムHTML」ウィジェットをキャンバスへドラッグします。

    Image Added

  3. ダッシュボード上部のトグルを「コードモード」に切り替えます。

    Image Added

  4. 画面左側のオブジェクトの一覧から、「カスタムHTML」オブジェクトをクリックして正確なコードセクションを強調表示し、移動します。ヒント：こちらのオブジェクト一覧には、ダッシュボードに追加されたすべてのオブジェクトが表示され、特定のオブジェクトの正確なコードを検索し、編集できるようにします。
  5. 配置をしたら、ウィジェットのコードにHTMLコードを入力します。
  6. ビジュアルモードに戻ると、HTMLコンテンツの出力を確認することができます。

...

ビデオウィジェット

Yellowfin 9.6では、ビデオウィジェットを導入しました。これは、URLをビデオソースとして使用することで、ダッシュボードやプレゼンテーションに簡単にビデオを追加することができます。ビデオウィジェットはYouTube、Dailymotion、Vimeo、TED (Talks) など、一般的なビデオプラットフォームからのビデオを共有するために使用できます。

ダッシュボードにビデオを追加

ダッシュボードのプレビューおよび公開モードでは、任意の埋め込みビデオのようにすべてのビデオを閲覧することができます。

ダッシュボードの編集モードでは、ビデオを閲覧することはできません。また、VimeoおよびTEDからのビデオは、カスタムプレビューイメージを表示することはできません。

  1. 選択したダッシュボードキャンバスで、画面左側からウィジェットツールをクリックします。

    Image Added

  2. キャンバスに、ビデオオプションをドラッグします。

    Image Added

  3. 画面右側のプロパティパネルで、Video URL項目をクリックし、ビデオへのURLを貼り付けます。 (例: https://www.youtube.com/watch?v=yKP7jQknGjs)
    ビデオプラットフォームに応じて、ダッシュボードキャンバス上のビデオプレースホルダーは、このようなプレビューイメージに変化するか、

    Image Added

    このような一般的なグラフィックのいずれかに変化します。

    Image Added

  4. ビデオのサイズを調整する場合は、ウィジェットプレースホルダーの任意の角をドラッグします。
  5. ダッシュボードキャンバスのプレビューボタンをクリックします。
  6. ビデオをクリックして、再生します。

    Image Added

ページトップ

...