사용 사례: 콘텐츠 관리 만들기 use-case-creating-content-management
Adobe Campaign에서 컨텐츠 관리를 만들려면 다음 단계가 필요합니다.
1단계 - 제작할 콘텐츠 분석 step-1---analyzing-the-content-to-be-produced
시작하기 전에, 표시할 요소를 식별하고, 요소에 연결된 제약 조건을 연구하고, 각 요소에 대한 유형을 정의하는 등 생성할 콘텐츠를 정밀하게 분석해야 합니다. 또한 정적 요소와 변수 요소를 구별해야 합니다.
예를 들어, 다음 유형의 HTML에서 뉴스레터를 만들려면:
이 뉴스레터에는 세 가지 유형의 요소가 포함되어 있습니다.
-
게재를 만드는 동안 입력 양식을 통해 사용자가 콘텐츠를 입력하거나 선택하는 변수 요소입니다.
-
데이터베이스에 저장된 정보(이 경우 수신자의 이름과 성)를 기반으로 동적으로 입력되는 개인화 필드.
-
정적 요소. 모든 뉴스레터에 대해 동일합니다.
이 뉴스레터의 다양한 요소는 삽입할 모든 요소를 참조하고 해당 레이아웃을 개념화하는 JavaScript 템플릿에 정의된 규칙을 기반으로 조합됩니다.
이러한 요소는 각 컨텐츠에 대해 이름, 레이블, 유형, 크기 및 Adobe Campaign에서의 처리와 관련된 기타 모든 정보를 지정하는 전용 스키마를 통해 생성됩니다.
2단계 - 데이터 스키마 만들기 step-2---creating-the-data-schema
데이터 스키마는 콘텐츠와 연관된 XML 문서입니다. 이 단원에서는 이 콘텐츠에 있는 데이터의 XML 구조를 설명합니다.
데이터 스키마를 생성하려면 다음 단계를 적용합니다.
-
Adobe Campaign 탐색기를 열고 Administration > Configuration > Data schemas 노드.
다음을 클릭합니다. New 데이터 스키마 목록 위에 있는 아이콘입니다.
-
다음 항목 선택 Create a schema 컨텐츠 관리 옵션을 선택한 다음 Next.
-
해당 필드에 스키마의 이름과 레이블을 입력합니다. 필요한 경우 설명을 추가하고 특정 이미지를 연결할 수 있습니다.
클릭 Next 유효성을 검사합니다.
-
에 스키마 콘텐츠 입력 Edit schema 창.
사용 Insert 단추를 클릭하여 스키마 콘텐츠를 만듭니다.
자세한 내용은 다음을 참조하십시오. 스키마 편집.
콘텐츠에 참조된 각 요소에 대해 일치하는 유형을 선택해야 합니다.
이 예제에서 식별된 콘텐츠와 그 형식 및 유형은 다음과 같습니다.
스키마에는 다음 정보가 포함됩니다.
<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>
- 클릭 Save 를 클릭하여 데이터 스키마를 만듭니다.
3단계 - 입력 양식 만들기 step-3---creating-the-input-form
입력 양식을 사용하면 Adobe Campaign 클라이언트 콘솔의 입력 인터페이스를 통해 컨텐츠 인스턴스를 편집할 수 있습니다.
양식의 설명은 "xtk:form" 양식 스키마의 문법을 관찰하는 구조화된 XML 문서입니다.
컨텐츠 관리에 사용할 입력 양식을 만들려면 다음 단계를 적용합니다.
-
Adobe Campaign 탐색기를 열고 Administration > Configuration > Input forms 노드.
다음을 클릭합니다. New 아이콘 을 클릭하여 제품에서 사용할 수 있습니다.
-
양식 이름과 양식에 연결된 레이블을 입력한 다음 Content management 유형.
note note NOTE 두 요소가 자동으로 일치하도록 하려면 연결된 데이터 스키마와 동일한 이름을 사용하는 것이 좋습니다. 사용 Insert 입력 영역 위에 있는 단추를 클릭하여 양식에 연결된 스키마의 필드를 추가합니다. -
편집기의 가운데 섹션에서 입력 양식에 표시할 필드를 지정합니다.
이 예에는 다음 유형의 정보가 있습니다.
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 탭을 사용하면 양식을 편집하는 동안 양식의 렌더링을 확인할 수 있습니다.
-
클릭 Save 입력 양식을 작성합니다.
4단계 - 구성 템플릿 만들기 step-4---creating-the-construction-template
XSLT 언어를 사용하면 XML 문서를 다른 출력 문서로 변환할 수 있습니다. 이 변환은 스타일시트라는 문서의 XML에 설명되어 있습니다.
이 예제에서는 JavaScript 템플릿을 사용하여 생성된 문서의 데이터 구성 및 레이아웃 모드를 정의하려고 합니다.
Adobe Campaign에서 JavaScript 템플릿을 사용하려면 다음 단계를 적용합니다.
-
Adobe Campaign 탐색기를 열고 Administration > Configuration > JavaScript Templates 노드.
다음을 클릭합니다. New 템플릿 목록 위에 있는 아이콘
-
템플릿 이름을 입력하고 콘텐츠 관리를 위해 만든 스키마를 선택합니다.
-
메시지에 표시할 집합 콘텐츠를 가져옵니다.
에 설명된 구문을 준수하면서 변수 요소를 추가합니다. 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
다음 단계에는 스키마, 양식 및 콘텐츠 구성 템플릿을 연결하는 콘텐츠 게시 템플릿을 만드는 작업이 포함되어 있습니다. 이 게시 템플릿에는 여러 출력 형식이 있을 수 있습니다.
이 예에서 단계는 다음과 같습니다.
-
다음을 통해 새 게시 템플릿 만들기 Administration > Configuration > Publication templates 노드.
-
이름과 레이블을 입력하고 사용할 스키마와 양식을 선택합니다.
-
그런 다음 템플릿 이름을 입력하고 적용할 렌더링 모드를 선택합니다. 여기, JavaScript 위에서 만든 템플릿을 기반으로 렌더링을 입력합니다.
note note NOTE 다음 DOM interface 옵션은 기본적으로 선택되어 있으며, 이는 E4X 구문을 사용하는 경우에는 이 문서에 액세스할 수 없음을 의미합니다. 이 옵션이 선택된 경우 DOM 인터페이스를 사용해야 하며 이것이 권장되는 구문입니다. E4X 구문을 계속 사용할 수 있습니다. 이 경우 이 옵션의 선택을 취소해야 합니다. 사용 Add 단추를 클릭하여 다른 변형 템플릿을 만듭니다.
-
클릭 Save 게시 템플릿을 만듭니다.
6단계 - 콘텐츠 만들기 step-6---creating-contents
이제 이 게시 템플릿을 기반으로 콘텐츠를 만들 수 있습니다.
게재 마법사에서 콘텐츠 만들기 creating-content-in-the-delivery-wizard
게재에서 직접 콘텐츠를 만들려면 다음 단계를 적용합니다.
-
다음을 통해 게시 템플릿을 참조하여 시작 Advanced 게재 속성 탭.
콘텐츠 관리 양식을 통해 콘텐츠를 정의하기 위해 게재 마법사에 탭이 더 추가됩니다.
-
뉴스레터의 변수 정보를 입력합니다.
-
다음을 클릭합니다. HTML preview 탭을 클릭하여 렌더링을 확인합니다. 개인화를 테스트할 수신자를 선택해야 합니다.