설명서CampaignCampaign Classic v7 설명서

[v8에도 적용됩니다.]{class="badge positive" title="Campaign v8에도 적용됩니다."}

사용 사례: 콘텐츠 관리 만들기 use-case-creating-content-management

Last update: Tue Sep 10 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Adobe Campaign에서 컨텐츠 관리를 만들려면 다음 단계가 필요합니다.

1단계 - 제작할 콘텐츠 분석 step-1---analyzing-the-content-to-be-produced

시작하기 전에, 표시할 요소를 식별하고, 요소에 연결된 제약 조건을 연구하고, 각 요소에 대한 유형을 정의하는 등 생성할 콘텐츠를 정밀하게 분석해야 합니다. 또한 정적 요소와 변수 요소를 구별해야 합니다.

예를 들어, 다음 유형의 HTML에서 뉴스레터를 만들려면:

이 뉴스레터에는 세 가지 유형의 요소가 포함되어 있습니다.

  1. 게재를 만드는 동안 입력 양식을 통해 사용자가 콘텐츠를 입력하거나 선택하는 변수 요소입니다.

  2. 데이터베이스에 저장된 정보(이 경우 수신자의 이름과 성)를 기반으로 동적으로 입력되는 개인화 필드.

  3. 정적 요소. 모든 뉴스레터에 대해 동일합니다.

이 뉴스레터의 다양한 요소는 삽입할 모든 요소를 참조하고 해당 레이아웃을 개념화하는 JavaScript 템플릿에 정의된 규칙을 기반으로 결합됩니다.

이러한 요소는 각 컨텐츠에 대해 이름, 레이블, 유형, 크기 및 Adobe Campaign에서의 처리와 관련된 기타 모든 정보를 지정하는 전용 스키마를 통해 생성됩니다.

2단계 - 데이터 스키마 만들기 step-2---creating-the-data-schema

데이터 스키마는 콘텐츠와 연관된 XML 문서입니다. 이 단원에서는 이 콘텐츠에 있는 데이터의 XML 구조를 설명합니다.

NOTE
Adobe Campaign에서 데이터 스키마를 만들고 구성하는 방법에 대한 자세한 내용은 이 섹션을 참조하세요.
콘텐츠 관리와 관련된 구성 요소는 데이터 스키마에 자세히 설명되어 있습니다.

데이터 스키마를 생성하려면 다음 단계를 적용합니다.

  1. Adobe Campaign 탐색기를 열고 Administration > Configuration > Data schemas 노드를 선택합니다.

    데이터 스키마 목록 위에 있는 New 아이콘을 클릭합니다.

  2. 콘텐츠 관리에 대한 Create a schema 옵션을 선택한 다음 Next ​을(를) 클릭합니다.

  3. 해당 필드에 스키마의 이름과 레이블을 입력합니다. 필요한 경우 설명을 추가하고 특정 이미지를 연결할 수 있습니다.

    유효성을 검사하려면 Next ​을(를) 클릭하십시오.

  4. Edit schema 창에 스키마 내용을 입력합니다.

    Insert 단추를 사용하여 스키마 콘텐츠를 만드십시오.

    자세한 내용은 스키마 편집을 참조하세요.

    콘텐츠에 참조된 각 요소에 대해 일치하는 유형을 선택해야 합니다.

    이 예제에서 식별된 콘텐츠와 그 형식 및 유형은 다음과 같습니다.

컨텐츠
형식
유형
레이블
제목
특성
문자열
제목
하위 제목
특성
문자열
이름
이벤트 날짜
특성
날짜
날짜
소개 단락
요소
HTML
개요
작성자
의 사진
특성
문자열
URL
작성자
요소
메모
작성자
헤더 로고(Adobe Campaign 공개 리소스에 저장됨)
특성
링크
이미지

스키마에는 다음 정보가 포함됩니다.

<element label="Invitation" name="invitation" template="ncm:content" xmlChildren="true">
    <compute-string expr="@name"/>
    <attribute label="Title" length="40" name="title" type="string"/>
    <element label="Presentation" name="presentation" type="html"/>
    <attribute label="Date" name="date" type="date"/>
    <attribute label="Name" length="10" name="name" type="string"/>
    <attribute label="URL" name="url" type="string"/>
    <element label="Author" name="author" type="memo"/>
    <element label="Image" name="image" target="xtk:fileRes" type="link"/>
  </element>
  1. 데이터 스키마를 만들려면 Save ​을(를) 클릭합니다.

3단계 - 입력 양식 만들기 step-3---creating-the-input-form

입력 양식을 사용하면 Adobe Campaign 클라이언트 콘솔의 입력 인터페이스를 통해 컨텐츠 인스턴스를 편집할 수 있습니다.

양식의 설명은 "xtk:form" 양식 스키마의 문법을 관찰하는 구조화된 XML 문서입니다.

NOTE
Adobe Campaign에서 양식을 만들고 구성하는 방법에 대한 자세한 내용은 이 섹션을 참조하세요.
콘텐츠 관리와 관련된 구성 요소는 입력 양식에 자세히 설명되어 있습니다.

컨텐츠 관리에 사용할 입력 양식을 만들려면 다음 단계를 적용합니다.

  1. Adobe Campaign 탐색기를 열고 Administration > Configuration > Input forms 노드를 선택합니다.

    양식 목록 위에 있는 New 아이콘을 클릭합니다.

  2. 양식 이름과 양식에 연결된 레이블을 입력한 다음 Content management 유형을 선택합니다.

    note note
    NOTE
    두 요소가 자동으로 일치하도록 하려면 연결된 데이터 스키마와 동일한 이름을 사용하는 것이 좋습니다. 입력 영역 위의 Insert 단추를 사용하여 양식에 연결된 스키마의 필드를 추가하십시오.

  3. 편집기의 가운데 섹션에서 입력 양식에 표시할 필드를 지정합니다.

    이 예에는 다음 유형의 정보가 있습니다.

    code language-none 
     <input xpath="@title"/>
  <input xpath="@date"/>
  <input xpath="presentation"/>
  <input xpath="@name"/>
  <input xpath="@url"/>
  <input xpath="author"/>
  <input img="nl:sryimage.png" newEntityFormChoice="true" xpath="image">
    <sysFilter>
      <condition expr="@isImage = true"/>
    </sysFilter>
  </input>

    Preview 탭에서는 양식을 편집하는 동안 양식의 렌더링을 확인할 수 있습니다.

  4. 입력 양식을 만들려면 Save ​을(를) 클릭하십시오.

4단계 - 구성 템플릿 만들기 step-4---creating-the-construction-template

XSLT 언어를 사용하면 XML 문서를 다른 출력 문서로 변환할 수 있습니다. 이 변환은 스타일시트라는 문서의 XML에 설명되어 있습니다.

이 예제에서는 JavaScript 템플릿을 사용하여 생성된 문서의 데이터 구성 및 레이아웃 모드를 정의하려고 합니다.

NOTE
문서 작성(JavaScript 또는 XSL 템플릿)에 연결된 제약 조건은 서식에 자세히 설명되어 있습니다.

Adobe Campaign에서 JavaScript 템플릿을 사용하려면 다음 단계를 적용합니다.

  1. Adobe Campaign 탐색기를 열고 Administration > Configuration > JavaScript Templates 노드를 선택합니다.

    템플릿 목록 위에 있는 New 아이콘을 클릭합니다.

  2. 템플릿 이름을 입력하고 콘텐츠 관리를 위해 만든 스키마를 선택합니다.

  3. 메시지에 표시할 집합 콘텐츠를 가져옵니다.

    JavaScript 템플릿에 설명된 구문을 준수하면서 변수 요소를 추가합니다.

    이 예제에 표시된 컨텐츠를 표시하려면 JavaScript 템플릿에 다음 요소가 포함되어야 합니다.

    code language-none 
    <html>
<% eval(xtk.javascript.load("xac:perso").data); %>
<head>
  <title>Invitation to an exceptional dedication session</title>
</head>
<body link="#0E59AE" vlink="#0E59AE" alink="#0E59AE" style="background-color:white;">
    <table width="546" border="0" align="center" cellpadding="0" cellspacing="0" style="border-left: solid 1px gray;border-top: solid 1px gray;border-right: solid 1px gray;">
      <tr>
        <td colspan="3">
          <%= generateImgTag(content.@["image-id"]) %>
        </td>
      </tr>
    </table>
    <table width="546" border="0" align="center" cellpadding="0" cellspacing="0" style="border-left: solid 1px gray;border-right: solid 1px gray;">
      <tr>
        <td>
          <table border="0" cellspacing="0" cellpadding="5">
            <tr>
              <td width="10"> </td>
              <td style="padding-top:2em; padding-bottom:2em;" width="730" align="middle">
                <b>
                  <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#800080;">
                    <span style="FONT-VARIANT: small-caps"><%= content.@title %> - <%= content.@name %></span>
                  </font>
                </b>
              </td>
              <td width="10"> </td>
            </tr>
            <tr>
              <td width="10"> </td>
              <td style="padding-top:1em; padding-bottom:1em;" width="730">
                <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                  Hello <%= perso('recipient.firstName') %> <%= perso('recipient.lastName') %>,
                  <p>
                    <%= content.presentation %>
                  </p>
                  <center>
                    <b><%= formatDate(content.@date, "%2D %Bl %4Y") %></b> come to our Book Fair and meet our favorite authors and illustrators.<br>
                    <br>
                    <a href="https://www.site.web.com/registration" target="_blank"><b>REGISTER</b></a>
                  </center>
                </font>
              </td>
              <td width="10"> </td>
            </tr>
            <tr>
              <td width="10"> </td>
              <td style="padding-top:1em; padding-bottom:1em;" width="730">
                <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                 <img style="float:left;margin-right:10px" border="0" src="<%= content.@url %>" width="70" height="70">
                  <b><%= content.author %></b>, will be signing their book between 2
and 5:30PM.
                </font>
              </td>
              <td width="10"> </td>
            </tr>
                <tr>
              <td width="10"> </td>
              <td width="730">
                <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
              </td>
              <td width="10"> </td>
            </tr>
            <tr>
              <td width="10"> </td>
              <td>
                <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                  <center>
                    <p>
                      <a href="https://www.site.web.com/program" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Program</b></span></a>
                       |
                      <a href="https://www.site.web.com/information" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Useful information</b></span></a>
                       |
                    <a href="https://www.site.web.com/registration" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Register</b></span></a></p>
                    </center>
                  </font>
                </td>
                <td width="10"> </td>
              </tr>
            </table>
            <br>
          </td>
        </tr>
      </table>
</body>
</html>

    템플릿 시작 시 함수를 호출하면 Adobe Campaign 데이터베이스(이 경우 recipient.firstName 및 recipient.lastName)에서 가져온 개인화 데이터에 대한 호출을 설정할 수 있으므로 게재에서 사용할 때 해석될 수 있습니다. 자세한 내용은 JavaScript 템플릿 포함을 참조하세요.

    이 예에서 함수에는 다음 코드가 포함됩니다.

    code language-none 
    function perso(strPerso)
{
  var strStart = '<' + '%' + '=';
  var strEnd = '%' + '>';
  return strStart + strPerso + strEnd;
}
  function bloc(strPerso)
{
  var strStart = '<' + '%' + '@ include view="';
  var strEnd = '" %' + '>';
  return strStart + strPerso + strEnd;
}

    JavaScript 템플릿이 유효하려면 다음과 같이 트리 구조의 JavaScript codes 노드에서 이 함수를 미리 만들어야 합니다.

5단계 - 게시 템플릿 만들기 step-5---creating-the-publication-template

다음 단계에는 스키마, 양식 및 콘텐츠 구성 템플릿을 연결하는 콘텐츠 게시 템플릿을 만드는 작업이 포함되어 있습니다. 이 게시 템플릿에는 여러 출력 형식이 있을 수 있습니다.

NOTE
콘텐츠 게시 템플릿에 대한 자세한 내용은 게시 템플릿을 참조하세요.

이 예에서 단계는 다음과 같습니다.

  1. Administration > Configuration > Publication templates 노드를 통해 새 게시 템플릿을 만듭니다.

  2. 이름과 레이블을 입력하고 사용할 스키마와 양식을 선택합니다.

  3. 그런 다음 템플릿 이름을 입력하고 적용할 렌더링 모드를 선택합니다. 위에서 만든 템플릿을 기반으로 하는 JavaScript 유형 렌더링이 있습니다.

    note note
    NOTE
    DOM interface 옵션은 기본적으로 선택되어 있으며, 이는 E4X 구문을 사용하는 경우 이 문서에 액세스할 수 없음을 의미합니다. 이 옵션이 선택된 경우 DOM 인터페이스를 사용해야 하며 이것이 권장되는 구문입니다.
    E4X 구문을 계속 사용할 수 있습니다. 이 경우 이 옵션의 선택을 취소해야 합니다.

    Add 단추를 사용하여 다른 변환 템플릿을 만듭니다.

  4. 게시 템플릿을 만들려면 Save ​을(를) 클릭하십시오.

6단계 - 콘텐츠 만들기 step-6---creating-contents

이제 이 게시 템플릿을 기반으로 콘텐츠를 만들 수 있습니다.

NOTE
콘텐츠 만들기에 대한 자세한 내용은 콘텐츠 템플릿 사용을 참조하세요.

게재 도우미에서 콘텐츠 만들기 creating-content-in-the-delivery-assistant

게재에서 직접 콘텐츠를 만들려면 다음 단계를 적용합니다.

  1. 게재 속성의 Advanced 탭을 통해 게시 템플릿을 참조하여 시작합니다.

    콘텐츠 관리 양식을 통해 콘텐츠를 정의할 수 있도록 게재 도우미에 추가 탭이 추가됩니다.

  2. 뉴스레터의 변수 정보를 입력합니다.

  3. 렌더링을 보려면 HTML preview 탭을 클릭하십시오. 개인화를 테스트할 수신자를 선택해야 합니다.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1