Adobe Experience League

使用案例：建立內容管理

若要在Adobe Campaign中建立內容管理，必須執行下列步驟：

步驟1 —— 分析要製作的內容,
步驟2 —— 建立資料架構,
步驟3 —— 建立輸入表單,
步驟4 —— 建立構造模板,
步驟5 —— 建立出版物模板,
步驟6 —— 建立內容。

步驟1 —— 分析要製作的內容

在開始之前，您必須對要製作的內容進行精確分析：確定要顯示的元素、研究與其連結的約束、為每個元素定義類型等。您也需要區分靜態元素和變數元素。

例如，若要建立HTML格式的電子報，並包含下列內容類型：

本電子報包含三種元素：

變數元素，其內容由使用者在傳送建立期間透過輸入表單輸入或選取。
根據儲存在資料庫中的資訊（此例中為收件者的名字和姓氏）動態輸入的個人化欄位。
靜態元素，所有電子報都相同。

本電子報的各項元素會根據JavaScript範本中定義的規則加以組合，這些規則會參照所有要插入的元素並將其版面概念化。

這些元素是透過專用的架構建立的，該架構會為每個內容指定下列元素：名稱、標籤、類型、大小，以及任何其他與Adobe Campaign中其處理相關的資訊。

步驟2 —— 建立資料架構

資料架構是與內容相關聯的XML檔案。它描述了此內容中資料的XML結構。

注意

如需在Adobe Campaign中建立和設定資料結構描述的詳細資訊，請參閱本節。

資料結構描述中詳細說明了內容管理的特定配置元素。

要建立資料方案，請應用以下步驟：

開啟「Adobe Campaign Explorer」，然後選取Administration > Configuration > Data schemas節點。

按一下位於資料方案清單上方的New表徵圖。
選取內容管理的Create a schema選項，然後按一下Next。
在相應欄位中輸入方案的名稱和標籤。您可以新增說明並視需要連結特定影像。

按一下Next進行驗證。
在Edit schema窗口中輸入方案內容。

使用Insert按鈕建立架構內容。

有關詳細資訊，請參閱編輯結構。

對於內容中引用的每個元素，您需要選擇一個匹配類型。

在此示例中，標識的內容、其格式和類型為：

內容	格式	類型	標籤
Title	屬性	String	Title
子標題	屬性	字串	名稱
事件日期	屬性	日期	日期
導言段落	元素	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>

按一下Save建立資料模式。

步驟3 —— 建立輸入表單

輸入表單可讓您透過Adobe Campaign用戶端主控台的輸入介面編輯內容例項。

表單的描述是一種結構化XML文檔，它觀察"xtk:form"表單模式的語法。

注意

如需在Adobe Campaign中建立和設定表單的詳細資訊，請參閱本節。

內容管理專用的配置元素在輸入表單中有詳細說明。

若要建立內容管理的輸入表單，請套用下列步驟：

開啟「Adobe Campaign Explorer」，然後選取Administration > Configuration > Input forms節點。

按一下表單清單上方的New圖示。
輸入表單的名稱和連結到表單的標籤，然後選擇Content management類型。

注意

若要啟用兩個元素自動比對，建議使用與連結資料結構相同的名稱。使用輸入區域上方的Insert按鈕，從連結至表單的架構新增欄位。

在編輯器的中間部分，指定要在輸入表單中顯示的欄位。

在此範例中，我們將提供下列類型的資訊：

 <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 —— 建立構造模板

XSLT語言可讓您將XML文檔轉換為另一個輸出文檔。此轉換在稱為樣式表的文檔中的XML中描述。

在此範例中，我們想使用JavaScript範本來定義產生檔案中的資料建構和版面模式。

注意

連結至檔案建立（JavaScript或XSL範本）的限制詳見格式化。

若要在Adobe Campaign中使用JavaScript範本，請套用下列步驟：

開啟「Adobe Campaign Explorer」，然後選取Administration > Configuration > JavaScript Templates節點。

按一下範本清單上方的New圖示。
輸入模板名稱並選擇為內容管理建立的方案。

匯入您要在訊息中顯示的設定內容。

新增變數元素，同時遵守JavaScript範本中詳細說明的語法。

若要顯示範例中顯示的內容，JavaScript範本必須包含下列元素：

<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)，以便在傳送中使用時加以解譯。有關詳細資訊，請參閱 Including a JavaScript template。

在此範例中，函式將包含下列程式碼：

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 —— 建立發佈模板

下一步包括建立內容發佈模板以連結架構、表單和內容構建模板。此發佈範本可以有幾種輸出格式。

注意

有關內容發佈模板的詳細資訊，請參閱出版物模板。

在此範例中，步驟如下：

通過Administration > Configuration > Publication templates節點建立新的發佈模板。
輸入名稱和標籤，然後選擇要使用的方案和表單。
然後輸入範本的名稱，並選擇要套用的演算模式。在這裡，我們根據上面建立的範本提供JavaScript類型轉換。

注意

預設會勾選DOM interface選項，這表示如果您使用E4X語法，將無法存取此檔案。勾選此選項時，必須使用DOM介面，且是建議的語法。

您仍可使用E4X語法。如果是，請確定取消勾選此選項。

使用Add按鈕可建立其他轉換模板。
按一下Save以建立發佈模板。