모바일 캠페인의 카드 모양에 대한 세부 정보 구성

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 소요 시간: 4분
  • 항목 뷰를 구성하여 모바일 캠페인 내의 카드 모양을 정의하는 세부 정보를 제공하고 표시 옵션을 개선하며 캠페인 효과를 높입니다.

    모바일 캠페인의 카드에 대한 항목 뷰를 생성할 경우 필요한 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샘플 코드의 , TitleCellIdSubtitleCellID 매개 변수 값은 [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샘플 코드의 , TitleCellIdSubtitleCellID 매개 변수 값은 [sn_cd_content_mobile]테이블의 기본 시스템 버전 값을 기반으로 합니다직원 센터. 해당 테이블의 값을 변경한 경우 샘플 JSON 코드에 변경된 값을 추가합니다.
      주:
      테이블에 접근하여 값을 확인하려면, 애플리케이션 내비게이터의 탐색 필터에서 sn_cd_content_mobile.list를 입력하십시오.
    이미지 카드의 항목 뷰에 대한 사용자 지정 매개변수는 다음과 같습니다.
    Parallax
    이미지에 깊이와 원근감의 허상 효과를 생성할지 여부를 결정합니다.
    • true(기본값): 카드 아래쪽에 있는 텍스트가 백그라운드 이미지보다 느린 속도로 이동하여 두 객체가 서로 다른 3차원 면에 있는 것처럼 보이게 만듭니다.
    • false: 카드 아래쪽에 있는 텍스트와 이미지가 동일한 속도로 이동합니다.
    DisplayType
    텍스트가 이미지 아래(under) 혹은 이미지에 오버레이(over)되어서 표시될지 여부를 결정합니다. 텍스트에 제목과 자막이 포함됩니다. 부드러운 시각적 경험을 위해 모든 카드 유형에 동일한 형식을 사용하십시오. 기본값은 over입니다.
    이미지 아래에 표시되는 텍스트 오버레이로 표시되는 텍스트
    표시 유형 구성에 대해 이미지 아래에 표시되는 텍스트. 표시 유형 구성에 대해 이미지에 오버레이로 표시되는 텍스트.
    DisplayTheme
    텍스트 오버레이의 색상을 결정합니다. 이 옵션은 표시 유형이 over인 경우에만 사용 가능합니다. 어두운 배경에 표시할 텍스트에는 light를 사용하십시오. 기본값은 light입니다.
    light로 설정된 DisplayTheme dark로 설정된 DisplayTheme
    표시 테마 구성에서 밝은 색으로 표시되는 텍스트입니다. 표시 테마 구성에서 어두운 색으로 표시되는 텍스트입니다.
    FocusOnFaces
    true(기본값)로 설정되면 이미지 카드의 이미지가 프레임에서 얼굴이 캡처되는 위치로 잘립니다.