若要在Adobe Campaign中建立內容管理,必須執行下列步驟:
開始之前,您需要對要產生的內容進行精確分析:識別要顯示的元素、研究與其連結的限制、定義每個元素的型別等。 您也需要區分靜態元素和變數元素。
例如,若要建立具有以下內容型別的HTML電子報:
此Newsletter包含三種型別的元素:
變數元素,其內容由使用者在建立傳遞期間透過輸入表單輸入或選取。
根據資料庫中儲存的資訊(在此例中是收件者的名字和姓氏)動態輸入的個人化欄位。
靜態元素,所有電子報都相同。
此Newsletter的各種元素會根據JavaScript範本中定義的規則組合在一起,該範本會參照所有要插入的元素並將其版面概念化。
這些元素是透過專用結構描述所建立,該結構描述會為每個內容指定下列元素:名稱、標籤、型別、大小,以及與這些元素在Adobe Campaign中的處理相關的任何其他資訊。
資料結構描述是與內容相關聯的XML檔案。 它說明此內容中資料的XML結構。
若要建立資料結構,請套用下列步驟:
開啟Adobe Campaign Explorer並選取 Administration > Configuration > Data schemas 節點。
按一下 New 圖示加以識別,並加以標示。
選取 Create a schema 內容管理選項,然後按一下 Next.
在適當的欄位中輸入結構描述的名稱和標籤。 您可以新增說明,並視需要連結特定影像。
按一下 Next 以進行驗證。
在中輸入結構描述的內容 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>
輸入表單可讓您透過Adobe Campaign使用者端主控台的輸入介面編輯內容執行個體。
表單的說明是結構化XML檔案,可遵循「xtk:form」表單結構描述的語法。
若要建立內容管理的輸入表單,請套用下列步驟:
開啟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 以建立輸入表單。
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),以便在傳遞中使用它時進行解譯。 有關詳細資訊,請參閱 包含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 樹狀結構中的節點,如下所示:
下一個步驟包括建立內容發佈範本,以連結結構、表單和內容建構範本。 此出版物範本可以有多種輸出格式。
如需內容發佈範本的詳細資訊,請參閱 發佈範本.
在此範例中,步驟如下:
透過建立新的出版物範本 Administration > Configuration > Publication templates 節點。
輸入名稱和標籤,然後選取要使用的結構描述和表單。
然後輸入範本的名稱,並選擇要套用的演算模式。 在此,我們有一個 JavaScript 根據上述建立的範本型別呈現。
此 DOM interface 選項預設為核取,這表示如果您使用E4X語法,將無法存取此檔案。 勾選此選項後必須使用DOM介面,此為建議使用的語法。
您仍然可以使用E4X語法。 若是如此,請務必取消勾選此選項。
使用 Add 按鈕以建立其他轉換範本。
按一下 Save 以建立出版物範本。
您現在可以根據此出版物範本建立內容。
有關建立內容的詳細資訊,請參閱 使用內容範本.
若要直接在傳送中建立內容,請套用下列步驟:
首先,請透過 Advanced 傳遞屬性的索引標籤。
傳遞精靈中會新增一個額外索引標籤,以便透過內容管理表單定義內容。
輸入Newsletter的變數資訊。
按一下 HTML preview 標籤以檢視演算。 您需要選取收件者以測試個人化。