使用實例:建立內容管理

若要在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
屬性
字串
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範本,在產生的檔案中定義資料建構和配置模式。

注意

Formatting中詳細說明了連結到文檔構建(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),以便在傳送中使用時加以解譯。 有關詳細資訊,請參閱包含JavaScript範本

    在此範例中,函式將包含下列程式碼:

    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​標籤以檢視呈現。 您需要選取收件者以測試個人化。

本頁內容