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

アイテムビューを構成して、モバイルキャンペーン内のカードの外観を定義する詳細を指定し、表示オプションを拡張してキャンペーンをより効果的にすることができます。

モバイルキャンペーン用のカードのアイテムビューを作成する場合は、カードの外観を定義するために必要な JSON コードを構築する必要があります。その後、[アイテムビュー] フォームの [JSON 形式のアイテムビュー] フィールドにこのコードを入力します。詳細は「モバイルキャンペーン用のカードの外観テンプレートを作成する」を参照してください。

注:

構成可能な値のいずれかが空の場合や、コードの行が削除された場合は、デフォルト値が使用されます。

テキストカードの [JSON 形式のアイテムビュー]

テキストカードの場合は、このサンプルの 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 コードに変更された値を追加します。
  注:

  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「sn_cd_content_mobile.list」と入力します。
• このテキストカードのサンプルコードの他のパラメーター値は、カードのバランスのとれた外観を提供する標準的なセットアップ値です。これらの値をカスタマイズできます。

ビデオカードの [JSON 形式のアイテムビュー]

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

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

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

• Type パラメーターの値は構成できません。
• サンプルコードの CellId、 TitleCellId、および SubtitleCellID パラメーターの値は、 従業員センター テーブル [sn_cd_content_mobile] のデフォルトのベースシステムバージョンの値に基づいています。そのテーブルのいずれかの値が変更された場合は、サンプルの JSON コードに変更された値を追加します。
  注:

  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「sn_cd_content_mobile.list」と入力します。

画像カードの [JSON 形式のアイテムビュー] コード

画像カードの場合は、このサンプル 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 コードに変更された値を追加します。
  注:

  テーブルにアクセスして値を確認するには、アプリケーションナビゲーターのナビゲーションフィルターに「sn_cd_content_mobile.list」と入力します。

画像カードのアイテムビューのカスタムパラメーターは次のとおりです。

Parallax

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

• true (デフォルト): カードの下部にあるテキストが背景よりも低速で移動し、2 つのオブジェクトが異なる 3 次元平面上にあるかのように表示されます。
• false: カードの下部のテキストと画像が同じ速度で移動します。

DisplayType

イメージの下にテキストを表示するか (under)、イメージのオーバーレイとして表示するか (over) を指定します。テキストには、タイトルとサブタイトルが含まれます。スムーズなビジュアルエクスペリエンスを提供するには、すべてのカードタイプに同じ形式を使用してください。デフォルト値は over です。

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

DisplayTheme

テキストオーバーレイの色を決定します。このオプションは、表示タイプが over の場合にのみ利用できます。暗い背景の上に表示されるテキストには、light を使用してください。デフォルト値は light です。

DisplayTheme が light に設定されている	DisplayTheme が dark に設定されている

FocusOnFaces

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