---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# モバイルキャンペーンのカードの外観の詳細を構成する

# モバイルキャンペーンのカードの外観の詳細を構成する {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：5分

アイテムビューを構成して、モバイルキャンペーン内のカードの外観を定義する詳細を指定し、表示オプションを拡張してキャンペーンをより効果的にすることができます。
モバイルキャンペーン用のカードのアイテムビューを作成する場合は、カードの外観を定義するために必要な JSON コードを構築する必要があります。その後、\[アイテムビュー\] フォームの \[JSON 形式のアイテムビュー\] フィールドにこのコードを入力します。詳細は「[モバイルキャンペーン用のカードの外観テンプレートを作成する](https://servicenow-prod.fluidtopics.net/IQCyi_WalAiMDAmxHcbOMA "モバイルキャンペーンに表示される各タイプのカードの外観に関する情報を含むアイテムカードテンプレートを作成します。")」を参照してください。  
注:  
構成可能な値のいずれかが空の場合や、コードの行が削除された場合は、デフォルト値が使用されます。

## テキストカードの \[JSON 形式のアイテムビュー\] {#mobile-campaign-card-config__section_mfk_4x2_4mb}

テキストカードの場合は、このサンプルの JSON コードをコピーして \[アイテムビュー\] フォーム内の \[JSON 形式のアイテムビュー\] フィールドに貼り付けます。

    {
      "Type": "ViewGroup",
      "Distribution": "Equal",
      "Orientation": "Vertical",
      "Alignment": "Center",
      "Margin": {
        "Left": 0,
        "Right": 0,
        "Top": 0,
        "Bottom": 0
      },
      "Children": [
        {
          "Type": "Text",
          "CellId": "title",
          "TextAlignment": "center",
          "Margin": {
            "Left": 16,
            "Right": 16
          },
          "MaxLines": 3,
          "Font": {
            "Weight": "bold",
            "Size": 36,
            "MinSize": 24
          },
        }
      ],
    }

サンプルの JSON コード内のパラメーターは、次のとおりです。

* Type パラメーターの値は構成できません。
* サンプル コードの CellId パラメーター値は、 従業員センター テーブル \[sn_cd_content_mobile\] の既定のベース システム バージョンの値に基づいています。そのテーブルの値が変更された場合は、サンプルの JSON コードに変更された値を追加します。  
  注:  
  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「<kbd class="ph userinput">sn_cd_content_mobile.list</kbd>」と入力します。
* このテキストカードのサンプルコードの他のパラメーター値は、カードのバランスのとれた外観を提供する標準的なセットアップ値です。これらの値をカスタマイズできます。
{#mobile-campaign-card-config__ul_pdp_qxj_4mb}

## ビデオカードの \[JSON 形式のアイテムビュー\] {#mobile-campaign-card-config__section_w4c_rx2_4mb}

ビデオカードの場合は、このサンプルの JSON コードをコピーして \[アイテムビュー\] フォーム内の \[JSON 形式のアイテムビュー\] フィールドに貼り付けます。

    {
      "Type": "Media-Video",
      "CellId": "video_link.url",
      "TitleCellId": "title",
      "SubtitleCellId": "text"
    }

サンプルの JSON コード内のパラメーターは、次のとおりです。

* Type パラメーターの値は構成できません。
* サンプル コードの CellId、 TitleCellId、および SubtitleCellID パラメーター値は、 従業員センター テーブル \[sn_cd_content_mobile\] の既定のベース システム バージョンの値に基づいています。そのテーブルのいずれかの値が変更された場合は、サンプルの JSON コードに変更された値を追加します。  
  注:  
  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「<kbd class="ph userinput">sn_cd_content_mobile.list</kbd>」と入力します。
{#mobile-campaign-card-config__ul_nvt_k1k_4mb}

## 画像カードの \[JSON 形式のアイテムビュー\] コード {#mobile-campaign-card-config__section_s31_5x2_4mb}

画像カードの場合は、このサンプル JSON コードをコピーして、デフォルト値とは異なる値を設定します。デフォルト値を使用する場合は、そのコード行を削除できます。目的の値を設定したら、\[アイテムビュー\] フォーム内の \[JSON 形式のアイテムビュー\] フィールドに JSON コードを貼り付けます。

    {
      "Type": "Media-Image",
      "CellId": "image",
      "TitleCellId": "title",
      "SubtitleCellId": "text",
      "Parallax": <true|false>,
      "DisplayType": "<over|under>",
      "DisplayTheme": "<light|dark>",
      "FocusOnFaces": <true|false>
    }

サンプルの JSON コード内の標準パラメーターは、次のとおりです。

* Type パラメーターの値は構成できません。
* サンプル コードの CellId、 TitleCellId、および SubtitleCellID パラメーター値は、 従業員センター テーブル \[sn_cd_content_mobile\] の既定のベース システム バージョンの値に基づいています。そのテーブルのいずれかの値が変更された場合は、サンプルの JSON コードに変更された値を追加します。  
  注:  
  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「<kbd class="ph userinput">sn_cd_content_mobile.list</kbd>」と入力します。

{#mobile-campaign-card-config__ul_ux5_kck_4mb}  
画像カードのアイテムビューのカスタムパラメーターは次のとおりです。

Parallax
:   画像に奥行きと遠近の錯覚を作成するかどうかを決定します。

    * <kbd class="ph userinput">true</kbd> (デフォルト): カードの下部にあるテキストが背景よりも低速で移動し、2 つのオブジェクトが異なる 3 次元平面上にあるかのように表示されます。
    * <kbd class="ph userinput">false</kbd>: カードの下部のテキストと画像が同じ速度で移動します。
    {#mobile-campaign-card-config__ul_enl_yql_rmb}

DisplayType
:   イメージの下にテキストを表示するか (<kbd class="ph userinput">under</kbd>)、イメージのオーバーレイとして表示するか (<kbd class="ph userinput">over</kbd>) を指定します。テキストには、タイトルとサブタイトルが含まれます。スムーズなビジュアルエクスペリエンスを提供するには、すべてのカードタイプに同じ形式を使用してください。デフォルト値は over です。{#mobile-campaign-card-config__table_zn5_rl2_gmb__entry__2}

    | 画像の下に表示されるテキスト | オーバーレイとして表示されるテキスト |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_zn5_rl2_gmb}

DisplayTheme
:   テキストオーバーレイの色を決定します。このオプションは、表示タイプが <kbd class="ph userinput">over</kbd> の場合にのみ利用できます。暗い背景の上に表示されるテキストには、<kbd class="ph userinput">light</kbd> を使用してください。デフォルト値は light です。{#mobile-campaign-card-config__table_vgl_rm2_gmb__entry__2}

    | DisplayTheme が light に設定されている | DisplayTheme が dark に設定されている |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_vgl_rm2_gmb}

FocusOnFaces
:   <kbd class="ph userinput">True</kbd> (デフォルト) に設定されている場合、画像カードの画像は、フレーム内に顔がキャプチャされるように切り取られます。