プレゼントコードウィジェット

概要

コードウィジェットは、カスタムUIオブジェクトであり、外部のアプリケーションエクスペリエンスをプレゼンテーションに取り込み、他のプレゼンテーション作成者のために、再利用可能なローコード・ノーコードウィジェットが作成できるようにデザインされています。Yellowfinには、そのまま使用できる複数のコードウィジェットや、アクションボタンも含まれており、それらについても、こちらの項目で紹介します。

コードウィジェットの例

Yellowfinでは、デフォルトで、次のタイプのコードウィジェットを利用できます。

独自のウィジェットを作成

Yellowfinは、独自のウィジェットを自由に実装することができ、JS APIは、開発者が個別のビジネスニーズに合わせてYellowfinの機能を拡張するために必要なツールを提供します。これらは、プラグイン管理からインポートすることで、プレゼンテーションに追加できます。これにより、コードウィジェット一覧に表示され、プレゼンテーションの構築プロセスで選択できるようになります。コードウィジェットの作成について、より詳細な情報やリソースは、こちらを参照してください。

Yellowfinコードウィジェット

そのまま使用できるYellowfinのコードウィジェットを使用するには、以下の手順に従います。

カスタムHTML

こちらのウィジェットは、プレゼンテーションスライド上の任意の箇所にカスタムHTMLを追加します。こちらのウィジェットから追加されたHTMLは、プレゼンテーションのすべてのモードで表示されます。

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

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

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

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

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

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

3. プレゼンテーション上部のトグルを「コードモード」に切り替えます。
   
   

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

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

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

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

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

プレゼンテーションのユーザーは、シグナル一覧を閲覧し、対話することができます。

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

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

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

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

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

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

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

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

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

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