メインコンテンツまでスキップ
waffle.svg
Domo Knowledge Base

Domoストーリーを作成する

Version 5

 

はじめに

Domoストーリーを使用すると、デバイス間でスムーズに変換され、同じカードの向きとサイズを維持するカスタムページを作成することによって、ターゲットを絞ったストーリーを伝えることができます。各レイアウトはウェブ、モバイル、タブレット、印刷、スケジュールレポート用に個別に最適化されているため、各Domoストーリーは利用される場所に関係なく、一貫したストーリーを伝えることができます。何十種類ものユースケースに合わせて個別に構築された数百のレイアウトテンプレートを使用することによって、データの把握から実際の操作までの流れをスムーズにするDomoストーリーを作成できます。 

dashboard_layouts_example_updated.png

Domoストーリーは、標準のページとは次のような点が異なります。
  • 標準のページでは、個々のユーザーがカードを移動したりサイズを変更したりできますが、Domoストーリーでは、カードの順番とサイズを変更できるのは、ページの所有者と「管理者」ユーザーのみです。全てのユーザーがページ内で同じカードを見ることになり、真実を語る単一の資料を提供できます。

  • 標準のページのカードは、デバイスやプラットフォームによって表示のされ方が変わる可能性があります(つまり、さまざまなサイズのデスクトップウィンドウ、メールレポート、印刷物など)。ただし、Domoストーリーページのカードは、使用しているデバイスやプラットフォームに関係なく同じように表示されます。 

  • 標準のページでは、全てのカードのサイズとディメンションはデフォルトで同じになり、カードのサイズやディメンションを変更する場合は、手動で行う必要があります。Domoストーリーページでは、何百種類ものテンプレートから選択できます。各テンプレートには、さまざまなカードのサイズとディメンションに適したスロットがあります。また、ページレベルからのテンプレートサイズ変更も可能で、テンプレート内のカードのディメンションを変更いただけます。 

  • Domoストーリー は、標準ページのコレクションのように折りたたむことはできません。

  • Domoストーリーページは、PDFにエクスポートできますが、標準ページのエクスポートはできません。詳細は、「DomoストーリーページをPDFにエクスポートする」をご覧ください。

Domoストーリーと標準のページでは、カード間フィルターを使用できます。これらのカードを使用すると、1枚のカードにフィルターを設定して、ページ上の全てのカードをフィルター処理できます。インタラクションフィルターはDomoストーリーでは自動的に有効になりますが、標準のページでは手動で有効にする必要があります。詳細は、「ページレベルのフィルターを適用する」をご覧ください。

Domoストーリーページのカードには、サイズ変更オプションを除き、標準のページのカードと同じオプションがそろっています。Domoストーリーページでカードのサイズを変更する場合は、ページの編集の際に、カードを別のサイズのスロットにドロップするか、ページビューからテンプレートのサイズを変更します。Domoストーリーのカードには高さの制限はありません。任意の高さに設定可能です。  

Domoストーリーでは、カードだけでなくページの背景色も変更できます。標準のページにはこの機能はありません。 

Domoストーリーとカードコレクションを同じページに含めることはできません。Domoストーリーを有効にする際にページにコレクションがある場合は、全てのコレクションがDomoストーリーページに変換されます。同様に、Domoストーリーページを標準のページに戻すと、Domoストーリーは全てコレクションに戻ります。コレクションのあるページをDomoストーリーページに変換したときに、コレクションに含まれていないカードがある場合、これらのカードはページ下部の [末尾] セクションに追加されます。 

標準のページをDomoストーリーページに変換する

標準のページ(コレクションありまたはなし)をDomoストーリーページに変換するには、ページの所有者であるか、デフォルトの「管理者」セキュリティ権限を持っている必要があります。セキュリティロールの詳細につきましては「デフォルトのセキュリティロールリファレンス」をご覧ください。

標準のページをDomoストーリーページに変換するには

  1. ページの右上にあるdetails_gear_icon.pngメニューから [ダッシュボードをデザイン] を選択します。

  2. [ダッシュボードをデザイン] をクリックします。

    ページにコレクションが含まれている場合は、全てのコレクションがDomoストーリーページになり、コレクションに含まれない余分なカードはページ下部の [末尾] セクションに追加されます。ページにコレクションが含まれていない場合、カードは全て1つのデフォルトのDomoストーリーページに追加され、[ヘッダーの例] という見出しになります。 

  3. (条件付き)ページのDomoストーリーダッシュボードのレイアウトに問題がなければ、[保存][閉じる] の順にクリックします。レイアウトに問題がある場合は、下の「ページを編集する」の説明に従って、最初にDomoストーリーページレイアウトを編集します。

注記:標準のページを [Domoストーリー] ページに変換する際、ページとカードの読み込み中は、[ダッシュボードを編集][標準のページに変換] のオプションがグレー表示になります。

Domoストーリーページを標準のページに戻す

Domoストーリーページ(コレクションありまたはなし)を標準のページに戻すには、ページの所有者であるか、デフォルトの「管理者」セキュリティ権限を持っている必要があります。セキュリティロールの詳細については「デフォルトのセキュリティロールリファレンス」をご覧ください。 

Domoストーリーページを標準のページに戻すには

  1. ページの右上にあるdetails_gear_icon.pngメニューから [標準のページに変換] を選択します(このメニューを表示するには、Domoストーリー編集モードが開いている場合、これを閉じる必要があります)。
  2. 確認のため [ページを変換] をクリックします。

ページにDomoストーリーが含まれている場合は、Domoストーリー全てがコレクションに変換されます。

Domoストーリーとレイアウトコンポーネントを追加する

Domoストーリー編集モードには、Domoストーリーを編集するためのさまざまなオプションが用意されています。このモードでは、以下の全ての操作を実行できます。

  • さまざまなDomoストーリーテンプレートに基づいて新しいカードレイアウトを追加する。

  • 追加したレイアウトのスロットにKPIカードをドラッグ&ドロップする。

  • 境界線をドラッグして、テンプレートとその中のカードのサイズを変更する。

  • あるカードを別のカードの上にドラッグして、レイアウト内のカードを入れ替える。

  • Domoストーリーにヘッダーを追加する。

  • ページ内の任意の場所にレイアウトとヘッダーをドラッグ&ドロップする。

  • 必要に応じてレイアウトやヘッダーを削除する。 

  • Domoストーリー間に境界線を追加する。 

  • 画像とメモカードのコンテンツをインラインで追加する。最初にドキュメントカードのアップロード画面メモカードエディタを開く必要はありません。

  • ページや個々のカードの背景色を変更する。 

  • 表示されるカード要素を指定する(たとえば、カードのまとめ数字を非表示にできます)。

Domoストーリーページを追加する

[Domoに追加] メニューで [新しいストーリー] を選択すると、新しいDomoストーリーページをDomoインスタンスに追加できます。

インスタンスにDomoストーリーページを追加するには、

  1. 画面の右上隅にあるdd_to_domo_icon.pngをクリックします。

  2. [新しいストーリー] を選択します。

  3. 新しいストーリーページのタイトルを入力します。

新しいDomoストーリーテンプレートページが追加され、デフォルトで編集モードが開きます。次のセクションの説明に従って、Domoストーリーレイアウトの追加とカスタマイズを始めることができます。 

Domoストーリーレイアウトを追加する

Domoストーリー編集モードが開いているときにページビューの右側に表示されるdashboard_layouts_layouts_icon.pngアイコンをクリックし、ページ上の目的の場所にドラッグすると、Domoストーリーのレイアウトを追加できます。次に、目的のDomoストーリーレイアウトテンプレートを選択します。選択したテンプレートは、ページ内のこの場所に追加されます。

Domoストーリーレイアウトを追加するには、

  1. Domoストーリーレイアウトを追加するページで、ページの右上にあるpage_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. ページの右側にあるツールバーのdashboard_layouts_layouts_icon.pngアイコンをクリックし、新しいレイアウトを適用するページ上の場所にドラッグします。

    レイアウトアイコンを境界線の上にドラッグすると、ハイライト表示されてレイアウトを配置できることが示されます。次の例では、ユーザーは「グループ1」レイアウトのすぐ下の行にアイコンをドラッグしています。

    dashboard_layouts_dragging_layout_icon.png

    境界線の上にdashboard_layouts_layouts_icon.pngアイコンをドロップすると、[レイアウトを選択] ダイアログが開きます。

  3. フィルターオプションを使用して、目的のテンプレートを指定します。 

    • [カテゴリー] メニューでは、テンプレートのカテゴリー別にフィルターを適用できます。カテゴリーは次のとおりです。

       

      テンプレート

      説明

      全て

      全てのカテゴリーの上位テンプレートが表示されます。対象カテゴリーの [全て表示する] をクリックすると、カテゴリーの全てのテンプレートを表示できます。

      バナーあり

      これら全てのテンプレートの上部には細長いスロットがあり、バナーとして使用するカードを挿入できます。

      dashboard_layouts_banner.png

      ヒーロー

      これらのテンプレートには全て、非常に大きなスロットが1つ以上含まれており、即座に閲覧者の注意を引くカード(「ヒーローカード」)に使用できます。 

      dashboard_layouts_hero.png

      クイックサマリー

      これらのテンプレートは、内容を大まかに把握するためのカードに使用する、小さなスロットで構成されています。 

      dashboard_layouts_quick_summary.png

      汎用

      これらのテンプレートには、小さいカードと大きいカードが混在しています。

      dashboard_layouts_general_purpose.png

    • [カード数] メニューを使用すると、テンプレート内のカードスロットの数でフィルターをかけることができます。 

  4. 目的のテンプレートが見つかったら、そのテンプレートをクリックします。
    これで、レイアウト用のテンプレートがページ内の指定された場所に追加されました。 

    ヒント:[レイアウトを選択] ダイアログに戻ってレイアウトにマウスポインタを合わせ、左側に表示される鉛筆アイコンdashboard_layout_pencil.pngをクリックすると、テンプレートを変更できます。テンプレートを切り替えるときには、新しいテンプレートに現在のテンプレートと同じ数のスロットが含まれている必要はありません。新しいテンプレートで使用可能なスロットの数が現在のテンプレートよりも少ない場合は、余分なカードがページ下部の [末尾] セクションに移動します。新しいテンプレートで使用可能なスロットの数が現在のテンプレートよりも多い場合は、新しいスロットはテンプレートの空のスロットとして表示されます。  
  5. レイアウトにカードを追加するには、次のいずれかを実行します。

    • ページ内の他の場所からテンプレートの該当するスロットにカードをドラッグします。
      ページの他のDomoストーリーや、 [末尾] 領域などからカードをドラッグできます。カード(dashboard_layouts_drag_card_icon.pngアイコンで表示されるカード)をレイアウトの境界線上にドラッグすると、ハイライト表示され、ドロップ後にカードが配置される場所が示されます。

      dashboard_layouts_dragging_card.png

      カードを異なるサイズのスロットに移動すると、スロットに合わせてカードのサイズが自動的に変更されます。

      カードを別のカードにドラッグすると、2つのカードの位置が入れ替わります。したがって、「グループ2」の「財務:A/R経年」を「グループ1」の「財務:COGS」にドラッグすると、「財務:A/R経年」がグループ1のスポットに入り、「財務:COGS」は、それまで「財務:A/R経年」のカードが入っていたグループ2の場所に表示されます。

    • 次の手順を実行して、Domoインスタンスの既存のKPIカードを空のスロットに追加します。

      1. カードを追加するスロットで、[コンテンツを追加] をクリックします。

      2. [既存のカードを追加]を選択します。

      3. 追加するカードの名前を [カードを検索] フィールドに入力し、カードを見つけて、クリックします。

        dashboard_layouts_add_card.png

    • 次の手順を実行して、Domoインスタンスの既存のKPIカードを空のスロットのないレイアウトに追加します。

      1. ページの右側にあるツールバーのdashboard_layouts_kpi_card_icon.pngアイコンをクリックし、カードを表示する場所にドラッグします。

        ページ上にカードアイコンをドラッグすると、レイアウトスロット間の境界線がハイライト表示され、カードを挿入できる場所が示されます。次の例では、ユーザーはアイコンを「財務:売上原価」と「未払い債務」のカードの間の行にドラッグしています。


        dashboard_layouts_dragging_card_icon.png

        アイコンを行にドロップすると、カード用のスロットが [コンテンツを追加] ボタンとともに表示されます。

      2. [コンテンツを追加] をクリックします。

      3. [既存のカードを追加]を選択します。

      4. 追加するカードの名前を [カードを検索] フィールドに入力し、カードを見つけて、クリックします。

        dashboard_layouts_add_card.png

    • 次の手順を実行して、画像カード(基本的には画像を含むドキュメントカード)をレイアウトにインラインで追加します。

      1. ページの右側にあるツールバーのdashboard_layouts_images_icon.pngアイコンをクリックし、画像カードを表示する場所にドラッグします。

        ページ上に画像アイコンをドラッグすると、レイアウトスロット間の境界線がハイライト表示され、カードを挿入できる場所が示されます。

      2. [画像を選択] をクリックします。

      3. アップロードする画像をコンピュータまたはネットワークから選択します。

    • 次の手順を実行して、メモカードをインラインでレイアウトに追加します。

      1. ページの右側にあるツールバーのdashboard_layouts_notebook_icon.pngアイコンをクリックし、画像カードを表示する場所にドラッグします。また、レイアウトに空のスロットがすでに含まれている場合は、[コンテンツを追加]、[テキストを挿入] の順に選択してエディタを開くこともできます。

      2. 必要なメモカードのコンテンツを入力します。
        インターフェースオプションは、通常のメモカードエディタのものと同じです。詳細は、「メモカードを追加する」を参照してください。

      3. カードの外側をクリックして保存します。 

ヘッダーを追加する

Domoストーリーページに追加のヘッダーテキストを挿入すれば、コンテンツを分割し、最も重要なカードに注意を向けることができます。ヘッダーは、レイアウトや他のヘッダーの前後に配置できます。  

ヘッダーを追加するには、

  1. ヘッダーテキストを追加するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. ページの右側にあるツールバーのdashboard_layouts_header_icon.pngアイコンをクリックし、新しいヘッダーを適用するページ上の場所にドラッグします。

    ページ上にヘッダーアイコンをドラッグすると、境界線がハイライト表示され、カードを挿入できる場所が示されます。

  3. 「タイトル」の単語を、必要なヘッダー名に置き換えます。

  4. (オプション)ヘッダーの左側にあるdashboard_layout_move_icon.pngアイコンを使用すると、ページ内の必要な場所にドラッグできます。

境界線を追加する

Domoストーリーに横方向の境界線を追加すると、コンテンツを分割して見やすくすることができます。境界線は、レイアウト、ヘッダー、その他の境界線の前後に挿入できます。 

境界線を追加するには、

  1. 境界線を追加するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. ページの右側にあるツールバーのdashboard_layouts_borders_icon.pngアイコンをクリックし、新しい境界線を適用するページ上の場所にドラッグします。

    ページ上に境界線アイコンをドラッグすると、境界線がハイライト表示され、カードを挿入できる場所が示されます。

  3. (オプション)境界線の左側にあるdashboard_layout_move_icon.pngアイコンを使用すると、ページ内の必要な場所にドラッグできます。

Domoストーリーレイアウトを編集する

カードの入れ替え、Domoインスタンスの他のカードによるカードの置き換え、[末尾] へのカードの移動、レイアウト全体の削除、レイアウトからの個々のカードの削除など、Domoストーリーの編集にはさまざまなオプションが用意されています。

Domoストーリーの編集オプションを使用する際には、作業内容が失われないように、変更後に [保存] を必ずクリックしてください。

カードを入れ替える

カードを入れ替えるには、一方を他方にドラッグします。 

2枚のカードを入れ替えるには

  1. カードを入れ替えるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. 一方のカードを他方のカードの上にドラッグします。
    カード(dashboard_layouts_drag_card_icon.pngアイコンで示されるカード)を別のカードの上にドラッグすると、太い線が2枚目のカードの周辺に表示され、1枚目のカードをドロップした後のスロット内での表示位置が表示されます。

    dashboard_layouts_dragging_card.png

    2枚のカードを入れ替えると、新しいスロットに合わせてカードのサイズが自動的に変更されます。 

カードを置き換える

Domoストーリーのカードは、Domoインスタンスでアクセスできる既存のカードと置き換えることができます。置き換えたカードは、ページ下部の [末尾] セクションに送られます。

カードを置き換えるには

  1. カードを置き換えるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. 置き換えるカードにマウスカーソルを合わせます。 

  3. 表示される [コンテンツを編集] メニューで、[別のカードを選択] をクリックします。

  4. 追加するカードの名前を [カードを検索] フィールドに入力し、カードを見つけて、クリックします。

    dashboard_layout_replace_card.png

古いカードのスロットに新しいカードが入り、古いカードはページ下部の [末尾] セクションに送られます。

[末尾] にカードを移動する

カードを別のカードに置き換えずに [末尾] に移動する場合は(前述の手順を参照)、簡単に移動できます。

[末尾] に移動するには

  1. カードを移動するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 移動するカードにマウスポインタを合わせます。 

  3. 表示される [コンテンツを編集] メニューから、[末尾に移動] を選択します。

カードが [末尾] に移動し、テンプレートスロットが空になります。

個別のカードを削除する

Domoストーリーからカードを削除できます。その場合、カードはそのページ上に存在しなくなります。ここでの説明は、ストーリー編集モードでカードを削除する方法を示していますが、編集モードを閉じているときでも、カードメニューで [削除] を選択して、同じ作業を実行できます(通常のカードの場合と同じ操作になります)。 

カードを削除するには、

  1. カードを削除するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 削除するカードにマウスポインタを合わせます。 

  3. 表示される [コンテンツを編集] メニューから、[ダッシュボードから削除] を選択します。

Domoストーリーを削除する

ページからDomoストーリーを削除できます。この操作を行うと、Domoストーリーの全てのカードがページ下部の [末尾] セクションに移動します。

Domoストーリーを削除するには

  1. Domoストーリーを削除するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 削除するDomoストーリーを指定します。 

  3. Domoストーリーの左にあるwb5_transforms_delete_icon.pngアイコンをクリックします。

  4. [レイアウトを削除] をクリックして確定します。

Domoストーリーが削除され、全てのカードが [末尾] に送られます。

ヘッダーを編集または削除する

ヘッダーを編集するには、ヘッダーボックスをクリックして名前を目的の名前に変更します。ヘッダーを削除するには、該当するヘッダーのwb5_transforms_delete_icon.pngアイコンをクリックします。

ヘッダーを編集するには

  1. ヘッダーを編集または削除するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 編集または削除するヘッダーを指定します。

  3. 以下のいずれかを行います。

    • 新しいヘッダーを入力するには、既存のヘッダーをクリックして、目的のヘッダーテキストに変更します。

    • ヘッダーを削除するには、ヘッダーのwb5_transforms_delete_icon.pngアイコンをクリックします。

境界線を削除する

境界線を削除するには、該当する境界線のwb5_transforms_delete_icon.pngアイコンをクリックします。

境界線を削除するには

  1. 境界線を削除するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 削除する境界線を探してクリックします。

  3. 境界線のwb5_transforms_delete_icon.pngアイコンをクリックします。

Domoストーリーの背景色を変更する

特定のDomoストーリー内の全てのカードの背景色を変更できます。この変更は、背景色がすでに設定されている個々のカードを除いて、全てのカードに適用されます(次のセクションで詳しく説明します)。

Domoストーリーの背景色を変更するには、

  1. ストーリーの背景色を変更するページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 背景色を変更するDomoストーリーを探し、マウスカーソルを合わせます。

  3. パレットアイコンdashboard_layout_palette_icon.pngをクリックします。

  4. パレットに用意されている色のいずれかをクリックします。

  5. (オプション)カードから塗りつぶしを削除するには、カラーパレットの [塗りつぶしなし] をクリックします。 

ヒント:カードの背景色を設定するときは、チャートに設定済みの色と干渉しないように注意してください。最も重要な目標は、派手な色選びで閲覧者の目を引くことではなく、閲覧者に情報を伝えることです。

個々のカードをカスタマイズする

Domoストーリーには、標準ページでは利用できない、カードのカスタマイズオプションがいくつか用意されています。カードの背景色の変更、タイトルやまとめ数字などのカード要素の表示/非表示、ユーザーがカードをクリックしたときに実行されるアクションの設定などがあります。 

カードの背景色を変更する

[コンテンツを編集]、[背景を変更] の順に選択すると、Domoストーリーのカードの背景色を選択できます。この変更は、ストーリー全体に設定した背景色よりも優先されます(前のセクションで説明)。たとえば、「住所メトリクス」というDomoストーリーがあるとします。そのストーリー内には「純利益」と呼ばれるカードがあります。閲覧者の注意を引くためにそのカードの背景色を赤に設定します。[住所メトリクス] ストーリー全体の色スキームを青に変更すると、すでに赤色に設定されているカードを除き、ストーリー内の全てのカードの背景が青になります。  

カードの背景色を変更するには、

  1. 背景色を変更するカードが含まれているページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. ページ内のカードを指定します。

  3. [コンテンツを編集]、[背景を変更] の順に選択します。

  4. パレットに用意されている色のいずれかをクリックします。

  5. (オプション)カードから塗りつぶしを削除するには、カラーパレットの [塗りつぶしなし] をクリックします。 

ヒント:カードの背景色を設定するときは、チャートに設定済みの色と干渉しないように注意してください。最も重要な目標は、派手な色選びで閲覧者の目を引くことではなく、閲覧者に情報を伝えることです。

カード要素を表示する/非表示にする

特定のカードで、タイトル、時間枠(「日単位」などの時間粒度)、まとめ数字、チャートなどのカード要素、さらにはカードそのものを非表示にできます。たとえば、カードのチャートは完全に非表示にして、カードのサマリー番号のみを表示することができます。[コンテンツを編集]、[表示設定] の順に選択し、表示する要素はチェックを入れ、非表示にする要素はチェックを外します。

ビデオ - Domoストーリー:サマリーメトリックビュー

 

カードの要素を表示または非表示にするには、

  1. 要素を表示または非表示にするカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. ページ内のカードを指定します。

  3. [コンテンツを編集]、[表示設定] の順に選択します。

  4. 表示する要素にはチェックを入れ、非表示にする要素はチェックを外します。

カードインタラクションを設定する

Domoストーリーのカードの場合、ユーザーがカードをクリックしたときに実行されるアクションを定義できます。これには以下のアクションが含まれます。

  • 新しいブラウザタブでカードの詳細ビューを開く

  • このカードと同じDataSetを使用するページ上の全てのカード(ページ上の全てのカード、または選択したカード)に対して、インタラクションフィルターを有効にする

  • 同じブラウザタブまたは別のタブで、Domoの他のコンテンツを開く

  • 指定されたウェブページを開く

  • カードで「ドリルインプレイス」を有効にする。これにより、最初に詳細ビューを開かなくてもカードをドリルダウンすることができます

  • インタラクションを完全に無効にする(基本的に、カードを「折りたたまれた」バージョンにする)

ビデオ - Domoストーリー:ドリルインプレイス

カードインタラクションは、Domoストーリーのカードでのみ利用可能です。標準ページでは機能しません。

card_interaction_dialog_drillinplace.png

別のブラウザタブで開くようにカードの詳細ビューを設定するには

  1. クリック時に別のブラウザタブで開くように設定するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. セクション2で、[新しいタブでカードの詳細を開く] ボックスにチェックを入れます。

  5. [保存] をクリックします。

カードのインタラクションフィルターを設定するには

  1. インタラクションフィルターを設定するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. (オプション)ユーザーがカードをクリックしたときに、カードの詳細ビューを新しいタブで開くには、セクション2の [新しいタブでカードの詳細を開く] ボックスにチェックを入れます。

  5. (条件付き)[インタラクションフィルターを有効にする] ボックスにチェックが入っていない場合は、チェックを入れます。

  6. 以下のいずれかを行います。

    • このカードと同じDataSetを使用するページ上の全てのカードにインタラクションフィルターを適用する場合は、[ダッシュボードの全てのカードに適用] ラジオボタンを選択します。

    • このカードと同じDataSetを使用するページ上の選択したカードにインタラクションフィルターを適用する場合は、[選択したカードに適用する] ラジオボタンを選択し、[変更] をクリックしてフィルターを適用するカードを選択してから [保存] をクリックします。その後、もう一度 [保存] をクリックします。

カードでドリルインプレイスを有効にするには

  1. ドリルインプレイスを有効にするカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. [ドリルインプレイス]ラジオボタンを選択します。

  5. [保存] をクリックします。

カードでドリルダウンを作成する方法に関する詳細は、「チャートにドリルパスを追加する」を参照してください。

カードをクリックしたときに特定のDomoコンテンツが開くように設定するには

  1. Domoコンテンツへのリンクを設定するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. セクション1で、[Domoのあらゆるものにリンク] ラジオボタンを選択します。

  5. セクション2で、[コンテンツを選択] ボタンをクリックします。 

  6. このカードがクリックされたときに開くコンテンツを指定します。

  7. [保存] をクリックします。

  8. (オプション)カスタム名でURLを開く場合は、[別名で表示] フィールドに名前を入力します。

  9. (オプション)カードをクリックしたときに新しいコンテンツを新しいブラウザタブで開くには、[新しいタブでリンクを開く] ボックスにチェックを入れます。

  10. もう一度 [保存] をクリックします。

カードをクリックしたときに外部ウェブページを開くように設定するには

  1. 外部コンテンツへのリンクを設定するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. セクション1で、[外部のウェブページにリンク] ラジオボタンを選択します。

  5. セクション2の [ウェブページアドレス] フィールドに、カードがクリックされたときに開くページのURLを入力します。

  6. (オプション)カスタム名でURLを開く場合は、[別名で表示] フィールドに名前を入力します。

  7. (オプション)カードをクリックしたときに新しいコンテンツを新しいブラウザタブで開くには、[新しいタブでリンクを開く] ボックスにチェックを入れます。

  8. もう一度 [保存] をクリックします。

カードのインタラクションを無効にするには

注記:この機能は現在ベータ版です。
  1. インタラクションを無効にするカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. カードにマウスポインタを合わせ、[コンテンツを編集] をクリックします。

  3. [インタラクションを変更] を選択します。

  4. セクション1では、[カードのインタラクションを無効にする] というラジオボタンをクリックします。 

  5. [保存] をクリックします。

ページの背景色または画像を設定する

必要に応じて、Domoストーリーページに背景色または画像を設定できます。同じページに背景色と画像の両方を設定することはできません。 

ページの背景色を設定する

パレットから色を選択したり、16進値を入力してカスタム色を指定することもできます。

注記:背景色を追加すると、カードのコンテンツがわずかに縮小され、カードの端とコンテンツの間がパディングされます。  

ビデオ - Domoストーリーの背景色

 

ページの背景色を変更するには、

  1. 背景色を変更するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. 画面上部の [オプション] メニューで、[背景を変更] を選択します。

  3. (条件付き)ダイアログ上部のメニューで [画像の塗りつぶし] を選択した場合は、[色の塗りつぶし] を選択します。

  4. パレットから希望の色を選択するか、ダイアログ下部のフィールドに16進数値を入力してカスタム色を指定します。

ページの背景画像を設定する

Domoストーリーページに表示する背景画像を指定できます。画像の読み込み中に使用する背景色を選択することもできます。背景色なしでヘッダーとカードのテキストの色を設定するオプションもあります。背景画像の推奨サイズは2:1の比率です(例えば1000 x 500)。 

page_background_image_rn.png

ビデオ - Domoストーリーに背景画像を追加する

 

ページの背景画像を設定するには、

  1. 背景色を変更するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。
  2. 画面上部の [オプション] メニューで、[背景を変更] を選択します。

  3. (条件付き)ダイアログ上部のメニューで [色の塗りつぶし] を選択した場合は、[画像の塗りつぶし] を選択します。

  4. [画像を選択] をクリックします。

  5. マシン上の画像を探し、選択します。

  6. (オプション)デフォルトの背景色(ページに画像が読み込まれる前にのみ使用される)を変更するには、[変更] をクリックして、パレットから新しい色を選択します(またはパレット下部のフィールドに16進コードを入力します)。

  7. (オプション)ページで使用されるデフォルトのテキストの色を変更するには、メニューの [デフォルトのテキストの色] で新しい色を選択します。
    現在、テキストの色に使用できるのは、白か黒のみです。

背景画像を変更する場合は、ダイアログの下部にある [新しい画像を選択] をクリックしてから、コンピュータで新しい画像を探して選択します。

フルスクリーンモードを有効にする

Domoストーリーページでは、フルスクリーンモードが利用できます。このモードがアクティブなときは、ページ内の全てのカードが表示され、ナビゲーションコンポーネント、メニューなどの他のインターフェース要素は全て非表示になります。 

フルスクリーンモードを有効にするには

  1. ページの右上にあるdetails_gear_icon.pngメニューから [フルスクリーン] を選択します。

  2. フルスクリーンモードを終了するには、[Escape] を押します。

モバイルプレビューを有効にする

Domoストーリーページでは、プレビューをオンにすることによって、スマートフォンでストーリーがどのように表示されるのかをプレビューできます。特定のブランドに固有のUI要素がいくつかありますが、このプレビューは、全ての主要なスマートフォンブランドで同じものになります。タブレットのレイアウトは標準のウェブレイアウトとほぼ同じであるため、タブレット用のプレビューはありません。

stories_mobile_preview.png

ビデオ - Domoストーリーでモバイルプレビューを使用する

 

モバイルプレビューを有効にするには、

  1. 背景色を変更するカードがあるページで、ページの右上にあるdetails_gear_icon.pngメニューの [ダッシュボードを編集] を選択します。

  2. 画面の右上にある [デスクトップ] メニューをクリックします。

  3. [モバイル] を選択します。

    stories_mobile_preview_option.png

[デスクトップ] に戻すには、同じメニューで [デスクトップ] を選択します。