使用案例:建立內容管理

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

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

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

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

本電子報包含三種元素:

  1. 變數元素,其內容由使用者在傳送建立期間透過輸入表單輸入或選取。

  2. 根據儲存在資料庫中的資訊(此例中為收件者的名字和姓氏)動態輸入的個人化欄位。

  3. 靜態元素,所有電子報都相同。

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

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

步驟2 —— 建立資料架構

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

注意

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

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

要建立資料方案,請應用以下步驟:

  1. 開啟「Adobe Campaign Explorer」,然後選取​Administration > Configuration > Data schemas​節點。

    按一下位於資料方案清單上方的​New​表徵圖。

  2. 選取內容管理的​Create a schema​選項,然後按一下​Next

  3. 在相應欄位中輸入方案的名稱和標籤。 您可以新增說明並視需要連結特定影像。

    按一下​Next​進行驗證。

  4. 在​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>
  1. 按一下​Save​建立資料模式。

步驟3 —— 建立輸入表單

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

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

注意

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

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

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

  1. 開啟「Adobe Campaign Explorer」,然後選取​Administration > Configuration > Input forms​節點。

    按一下表單清單上方的​New​圖示。

  2. 輸入表單的名稱和連結到表單的標籤,然後選擇​Content management​類型。

    注意

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

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

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

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

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

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

注意

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

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

  1. 開啟「Adobe Campaign Explorer」,然後選取​Administration > Configuration > JavaScript Templates​節點。

    按一下範本清單上方的​New​圖示。

  2. 輸入模板名稱並選擇為內容管理建立的方案。

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

    新增變數元素,同時遵守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 —— 建立發佈模板

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

注意

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

在此範例中,步驟如下:

  1. 通過​Administration > Configuration > Publication templates​節點建立新的發佈模板。

  2. 輸入名稱和標籤,然後選擇要使用的方案和表單。

  3. 然後輸入範本的名稱,並選擇要套用的演算模式。 在這裡,我們根據上面建立的範本提供​JavaScript​類型轉換。

    注意

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

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

    使用​Add​按鈕可建立其他轉換模板。

  4. 按一下​Save​以建立發佈模板。

步驟6 —— 建立內容

您現在可以根據此出版物範本建立內容。

注意

有關建立內容的詳細資訊,請參閱使用內容模板

在傳送精靈中建立內容

若要直接在傳送中建立內容,請套用下列步驟:

  1. 首先,透過傳送屬性的​Advanced​標籤參考出版物範本。

    傳送精靈中會新增一個額外的標籤,以透過內容管理表單來定義內容。

  2. 輸入電子報的變數資訊。

  3. 按一下​HTML preview​頁籤查看渲染。 您需要選擇收件者來測試個人化。

本頁內容