コードウィジェットは、カスタムUIオブジェクトであり、外部のアプリケーションエクスペリエンスをプレゼンテーションに取り込み、他のプレゼンテーション作成者のために、再利用可能なローコード・ノーコードウィジェットが作成できるようにデザインされています。Yellowfinには、そのまま使用できる複数のコードウィジェットや、アクションボタンも含まれており、それらについても、こちらの項目で紹介します。
Yellowfinでは、デフォルトで、次のタイプのコードウィジェットを利用できます。
コードウィジェットのタイプ | 説明 |
シグナル一覧 | Yellowfin シグナルを使用できる環境下で、シグナル一覧を追加します。これにより、プレゼンテーションのコンテンツに関連する、自動的に発見されたインサイトを、迅速かつ簡単に統合することができます。 |
ストーリーフィード | Yellowfin コンテンツフォルダーに基づき、ストーリーフィードを追加します。フィードには、フォルダーまたはサブフォルダーに保存されているストーリーの一覧が表示されます。 |
カスタムHTML | このウィジェットは、スライド上のどこにでも配置可能であり、コードモードに移動することで、ウィジェットのタグ内でHTMLのコーディングを始めることができます。 |
ビデオ | YouTube、Dailymotion、TED、Vimeoなど、一般的なオンラインビデオプラットフォームからビデオを埋め込むことができます。 |
関連レポート | 関連するレポートを完全に表示するのではなく、リンクとして追加します。 |
Yellowfinは、独自のウィジェットを自由に実装することができ、JS APIは、開発者が個別のビジネスニーズに合わせてYellowfinの機能を拡張するために必要なツールを提供します。これらは、プラグイン管理からインポートすることで、プレゼンテーションに追加できます。これにより、コードウィジェット一覧に表示され、プレゼンテーションの構築プロセスで選択できるようになります。コードウィジェットの作成について、より詳細な情報やリソースは、こちらを参照してください。
Yellowfin 9.6は、Yellowfin プレゼンテーションのニュースフィードのように機能する、ストーリーフィードウィジェットを提供します。このウィジェットは、選択したフォルダーまたはサブフォルダーに保存された最新のストーリーの一覧を表示します。
必要なアクセス権が付与されている場合、ユーザーはこのウィジェットを使用することで、以下の操作を実現できます。
プレゼンテーションにストーリーフィードを追加する際に、オブジェクトのサイズや背景書式など、通常の書式設定をすべて適用することができます。また、ストーリーフィードに特有の表示オプションを設定することもできます。各機能の詳細は、以下の表を参照してください。
項目 | 説明 |
名前 (タイトル) | ウィジェットの上部に表示するタイトルテキストを入力します。タイトルを表示しない場合は、空欄のままにします。 コード内でこのウィジェットを特定したい場合は、公開UUIDを使用してください。 |
コンテンツフォルダー | ストーリーフィードのソースが含まれるコンテンツフォルダーを選択します。デフォルトでは、すべてのサブフォルダーに保存されたストーリーがフィードに表示されます。 |
サブフォルダー (コンテンツフォルダーを選択することで表示されます) | 特定のサブフォルダーのコンテンツのみを表示する場合は、こちらで選択をします。上記コンテンツフォルダー項目で忘れずに親フォルダーを選択してください。サブフォルダーを選択することで、サブフォルダーのコンテンツのみがフィードに表示されます。 |
ダークテーマ | フィードのテーマをライトまたはダークから選択します。 |
作成者を表示 | フィード内に各アイテムを作成したユーザーの名前を表示する場合は、こちらのトグルを有効にします。 |
公開日を表示 | 各アイテムが最後に公開された日付を表示する場合は、こちらのトグルを有効にします。 |
説明を表示 | フィード内に各アイテムの説明を表示する場合は、こちらのトグルを有効にします。 |
未読を太字で表示 | ストーリーフィード内の未読アイテムを太字で表示する場合は、こちらのトグルを有効にします。 |
サムネイルを表示 | イメージが存在する場合に、フィード内に各アイテムのサムネイルバージョンのメインイメージを表示する場合は、こちらのトグルを有効にします。 |
ストーリーテンプレートは、ユーザーが閲覧できる任意の既存ストーリーに基づき、新規コンテンツを作成することができます。これは、類似するコンテンツを定期的に作成する場合に便利です。例えば、前月の売上を含む表やグラフを埋め込んだストーリーを毎月公開する場合、将来の使用に備えてこれをテンプレート化することができます。
テンプレートは、ダッシュボードやプレゼンテーションの編集時に、ストーリーウィジェット内から管理することができます。ストーリーテンプレートを選択、または選択解除するには、以下の手順に従います。
ダッシュボード、またはプレゼンテーションから、直接新規ストーリーを作成することができます。既存のテンプレートを使用することで、フィルターやイメージ、テキストなどのコンテンツが新規ストーリーにコピーされます。
定期的にコンテンツを作成する場合、含める表やグラフに適用するフィルターを再作成する時間を節約できます。代わりに、更新されたコンテンツに合わせて、既存のコンテンツやフィルター値を修正することができます。新規ストーリー内でフィルターを更新しても、元のテンプレートに変更内容が反映されることはないため、元のストーリーをそのままの状態で維持することができます。
プレゼンテーションに既にストーリーフィードが追加され、公開またはプレビューモードで閲覧していることを確認してください。 |
ダッシュボード、またはプレゼンテーション上のフィードから、以下を実現できます。
すべての新規コンテンツは、フィードに設定されたものと同じサブフォルダーに自動的に保存されます。これにより、作成したストーリーを公開すると同時に、ダッシュボードまたはプレゼンテーションスライド上のストーリーフィードに自動的に追加されることになります。
アナリティクススイートの一部としてYellowfin シグナルを導入している場合、こちらのウィジェットを使用して、プレゼンテーションに文脈的なシグナル一覧を追加することができます。これは、プレゼンテーション上のコンテンツに関連する自動的に検知されたインサイトを、素早く、簡単に統合する方法です。(分析の実行時にシグナルが検知され、ウィジェットフィルターがこれを表示するように設定されている場合)シグナル一覧ウィジェットは、リアルタイムに検知される新しいシグナルを反映して、更新されます。
この一覧は、色分けされたシグナルを使用しており、ポジティブなインサイトは青、ネガティブな結果のインサイトはオレンジで表示します。
プレゼンテーションのユーザーは、シグナル一覧を閲覧し、対話することができます。
こちらの手順では、シグナル一覧ウィジェットの追加方法や、ユーザーの好みに応じてシグナルを閲覧するためにフィルターを適用し、設定する方法を紹介します。これは、一覧に表示されるシグナルを制御します。
シグナル一覧ウィジェットに特化したプロパティです。
プロパティの名前 | 説明 |
名前 | シグナルウィジェットの名前を更新します。 |
フィルター | 一覧によりシグナルウィジェットを更新する複数のフィルターを提供します。これらは、上記シグナルフィルター項目で網羅されています。 |
スタイル | |
ダークテーマ | こちらのトグルを有効にして、ダークテーマでシグナルウィジェットを表示するか、無効にすることで、ライトテーマを維持します。 |
サイズと位置 | |
X | プレゼンテーションスライドに正確に配置するために、シグナルウィジェットの左上隅のX座標を指定します。 |
Y | プレゼンテーションスライドに正確に配置するために、シグナルウィジェットの左上隅のY座標を指定します。 |
高さ | 現在選択しているシグナルウィジェットの高さをピクセル単位で指定して、正確にサイズを変更します。 シグナルウィジェットの幅は、こちらのウィジェットで調整できないため、設定項目は表示されません。 |
ウィジェットをロック | こちらのトグルを有効にして、シグナルウィジェットの位置を固定します。これにより、ウィジェットの移動やサイズの変更はできなくなります。これは、キャンバス上で複数のウィジェットを選択する場合にも適用されます。クイックグラフは引き続きカスタマイズできることに注意してください。 |
こちらのウィジェットは、プレゼンテーションスライド上の任意の箇所にカスタムHTMLを追加します。こちらのウィジェットから追加されたHTMLは、プレゼンテーションのすべてのモードで表示されます。
HTMLはプレゼントのコードエディターでサポートされていますが、コードモードでのカスタムHTMLの実際の出力は、ビジュアルモードには反映されません。実際の出力を確認するには、プレゼンテーションをプレビューする必要があります。
カスタムHTMLコードウィジェットは、コードモードに追加されたカスタムHTMLコンテンツの出力を、プレビューすることなくビジュアルモードで確認できます。
こちらのウィジェットは、特にHTML、CSS、JavaScriptなどのコーディング知識を持つユーザーが使用するためにデザインされています。これは、ウィジェットの編集にコードモードの使用が要求されるからです。
これを適切に機能させるためには、「コードモード使用権」が付与されていることを確認してください。 |
Yellowfin 9.6では、ビデオウィジェットを導入しました。これは、URLをビデオソースとして使用することで、ダッシュボードやプレゼンテーションに簡単にビデオを追加することができます。ビデオウィジェットはYouTube、Dailymotion、Vimeo、TED (Talks) など、一般的なビデオプラットフォームからのビデオを共有するために使用できます。
プレゼントのプレビューおよび公開モードでは、任意の埋め込みビデオのようにすべてのビデオを閲覧することができます。
プレゼントの編集モードでは、ビデオを閲覧することはできません。また、VimeoおよびTEDからのビデオは、カスタムプレビューイメージを表示することはできません。