설명서Journey Optimizer B2BJourney Optimizer B2B Edition 설명서

조각 작성

Last update: Wed Aug 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 주제:

작성 대상:

  • 사용자

조각을 만들고 나면 시각적 디자인 공간을 사용하여 조각의 구조 및 콘텐츠 구성 요소를 작성합니다.

구조 및 콘텐츠 추가 design-fragment

  1. 콘텐츠 디자인을 시작하려면 Structures ​에서 항목을 드래그하여 캔버스에 놓습니다.

    구조 ​에서 필요한 만큼 항목을 추가하고 오른쪽 창에서 각 항목의 설정을 편집합니다.

    note tip
    TIP
    n:n 열 구성 요소를 선택하여 선택한 열 수(3개에서 10개 사이)를 정의합니다. 열 아래로 화살표를 이동하여 각 열의 너비를 정의할 수도 있습니다.

    구조를 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

    각 열 크기는 구조 구성 요소의 전체 너비의 10%보다 작을 수 없습니다. 빈 열만 제거할 수 있습니다.

  2. 콘텐츠 섹션을 확장하고 하나 이상의 구조 구성 요소에 필요한 만큼 콘텐츠 구성 요소를 추가합니다.

    콘텐츠 요소를 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

  3. 필요한 경우 설정 또는 스타일 탭에서 각 구성 요소를 추가로 사용자 지정할 수 있습니다.

    예를 들어 각 구성 요소의 텍스트 스타일, 패딩 또는 여백을 변경할 수 있습니다.

  4. 조건부 콘텐츠를 추가하고 조건부 규칙에 따라 타겟팅된 프로필로 콘텐츠를 조정하려면 콘텐츠 구성 요소를 선택하고 구성 요소 도구 모음에서 조건부 콘텐츠 활성화 아이콘을 클릭합니다.

    자세한 내용은 조건부 콘텐츠 ​를 참조하세요.

에셋 추가

시각적 컨텐츠 편집기의 왼쪽 탐색 막대에서 Marketo Engage Assets( Marketo Engage Assets 아이콘 ) 아이콘 또는 Experience Manager Assets( AEM Assets 아이콘 ) 아이콘을 선택합니다. 에셋 선택기에서 소스 라이브러리에 저장된 에셋을 직접 선택할 수 있습니다.

NOTE
Adobe Experience Manager as a Cloud Services가 프로비저닝된 경우 사용자 계정에 필요한 권한이 있는 경우 Marketo Engage Design Studio와 Adobe Experience Manager Assets as a Cloud Service의 저장소에 액세스할 수 있습니다. 이들 저장소는 분리되어 있으며 동기화되지 않습니다. 두 소스 중 하나에서 이미지 자산을 사용할 수 있습니다.

  • 이미지 자산을 구조 구성 요소로 끌어다 놓아 새 자산을 추가합니다.

    Marketo Engage 에셋을 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

  • 캔버스에서 기존 이미지 자산을 선택하여 바꾸고 이미지 소스 도구에서 자산 선택 ​을 클릭합니다.

    원본 라이브러리에서 자산 선택 {width="600" modal="regular"}

소스 유형에서 에셋을 사용하는 방법에 대한 자세한 내용은 콘텐츠 작성에 에셋 사용을 참조하십시오.

레이어, 설정 및 스타일 탐색

시각적 디자인 공간의 콘텐츠로 작업할 때 탐색 트리를 사용하여 구성 요소, 열 및 콘텐츠 요소에 액세스할 수 있습니다. 왼쪽의 탐색 트리 아이콘( 탐색 트리 아이콘 )을 클릭하여 트리를 표시합니다.

콘텐츠 레이어 액세스 {width="800" modal="regular"}

다음 예에서는 열이 있는 구조 구성 요소 내에서 패딩 및 세로 정렬을 조정하는 단계를 간략하게 설명합니다.

  1. 캔버스에서 구조 구성 요소의 열을 직접 선택하거나 왼쪽에 표시된 탐색 트리 ​를 사용합니다.

  2. 열 도구 모음에서 열 선택 도구를 클릭하고 편집할 열을 선택합니다.

    구조 트리에서 선택할 수도 있습니다. 해당 열에 대한 편집 가능한 매개 변수는 오른쪽의 설정 및 스타일 탭에 표시됩니다.

    비주얼 디자이너에 표시되는 열 구성 요소 {width="800" modal="regular"}

  3. 열 속성을 편집하려면 오른쪽의 스타일 탭을 클릭하고 필요에 따라 변경합니다.

    • Background ​의 경우 필요에 따라 배경색을 변경합니다.

      투명 배경에 대한 확인란 선택을 취소합니다. 단색 대신 이미지를 배경으로 사용하려면 배경 이미지 설정을 사용하도록 설정하십시오.

    • 정렬 ​에 대해 위쪽, 중간 또는 아래쪽 아이콘을 선택합니다.

    • 패딩 ​에 대해 모든 면에 대한 패딩을 정의합니다.

      패딩을 미세 조정하려면 각 면에 대해 다른 패딩을 선택하십시오. 동기화를 중단하려면 잠금 아이콘을 클릭하십시오.

    • 고급 섹션을 확장하여 열의 인라인 스타일을 정의합니다.

    선택한 열의 스타일을 변경합니다 {width="700" modal="regular"}

  4. 필요한 경우 이 단계를 반복하여 구성 요소의 다른 열에 대한 맞춤 및 패딩을 조정합니다.

  5. 변경 내용을 저장합니다.

콘텐츠 개인화

Journey Optimizer B2B edition에서는 중괄호 {}로 묶은 개인 맞춤화된 콘텐츠로 식을 만들 수 있는 인라인 단순 구문을 사용합니다. 동일한 콘텐츠 또는 필드에 제한 없이 여러 표현식을 추가할 수 있습니다.

예:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

콘텐츠를 처리할 때 Journey Optimizer B2B edition은 표현식을 Experience Platform 데이터베이스에 포함된 데이터로 대체합니다. 첫 번째 예제는 Hello John Doe ​입니다.

다음 예제에서는 리드/계정 속성과 시스템 토큰을 사용하여 콘텐츠를 개인화하는 단계를 간략하게 설명합니다.

  1. 텍스트 구성 요소를 선택하고 도구 모음에서 개인화 추가 아이콘을 클릭합니다.

    개인 설정 아이콘을 클릭합니다 {width="600"}

    이 작업은 Personalization 편집 대화 상자를 엽니다.

  2. + 또는 … ​을(를) 클릭하여 빈 공간에 토큰을 추가합니다.

    토큰을 사용하여 개인화된 텍스트 만들기 {width="700" modal="regular"}

  3. 저장 ​을 클릭합니다.

조건부 콘텐츠

규칙에 따라 타겟팅된 프로필에 콘텐츠를 적용하는 조건부 콘텐츠를 추가하려면 콘텐츠 구성 요소를 선택하고 구성 요소 도구 모음에서 조건부 콘텐츠 사용 단추를 클릭하십시오. 게시된 조각이 이메일 메시지에 포함된 경우, 조건부 규칙은 이메일 메시지에 렌더링되는 조건부 구성 요소의 변형을 결정합니다.

자세한 내용은 조건부 콘텐츠 ​를 참조하세요.

조각 사용자 지정 활성화

작성자가 이메일 또는 이메일 템플릿에 조각을 추가하면 조각 콘텐츠가 기본적으로 잠깁니다. 게시된 조각에 대한 모든 변경 사항은 조각이 사용되는 모든 컨텐츠 자산에 자동으로 전파됩니다. 조각의 구성 요소에 대한 매개 변수를 편집 가능한 것으로 지정하면 이메일 또는 템플릿 작성자가 해당 요구 사항에 맞는 사용자 지정 필드 값을 지정할 수 있습니다. 이 사용자 정의 플래그는 이미지, 텍스트 및 버튼 시각적 구성 요소로 제한됩니다.

예를 들어 클릭 가능한 버튼이 포함된 재사용 가능한 배너를 디자인하는 경우 버튼의 URL 매개 변수를 편집 가능한 것으로 지정할 수 있습니다. 그러면 이메일 작성자는 이메일 캠페인에 더 구체적인 URL을 사용할 수 있습니다. 마케터는 이러한 사용자 정의 가능 필드를 통해 완전히 새로운 콘텐츠 블록을 만들거나 원래 조각에서 상속된 업데이트를 중단하지 않고도 재사용 가능한 콘텐츠를 관리하고 개인화할 수 있습니다.

  1. 시각적 콘텐츠 편집기에서 사용자 지정을 활성화할 이미지, 텍스트 또는 단추 요소를 선택합니다.

  2. 오른쪽의 구성 요소 세부 정보에서 편집 가능한 필드 탭을 선택합니다.

  3. 편집 사용 옵션 토글을 클릭하고 편집 가능한 필드를 설정합니다.

    조각 이미지 구성 요소에 대해 편집 가능한 필드를 사용하도록 설정 {width="700" modal="regular"}

    구성 요소 유형 및 조각에 정의된 매개 변수에 따라 표시된 필드를 사용자 지정할 수 있습니다.

    맞춤화를 허용할 각 필드의 활성화 상태로 전환을 변경합니다.

  4. 편집 가능한 모든 필드와 해당 기본값을 검토하려면 개요 ​를 클릭하십시오.

    편집 가능한 필드와 해당 기본값을 검토합니다 {width="700" modal="regular"}

  5. 변경 내용을 저장합니다.

연결된 URL 추적 편집

  1. 추적할 콘텐츠에 연결된 모든 URL을 표시하려면 왼쪽의 링크 아이콘( 링크 표시 아이콘 )을 클릭하십시오.

  2. 필요한 경우 편집( 편집 아이콘 ) 아이콘을 클릭하고 추적 유형 또는 레이블 ​을(를) 수정합니다.

    링크에 태그 ​를 추가할 수도 있습니다.

링크 추적에 액세스하려면 편집 아이콘을 클릭합니다 {width="500"}

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0