文件 Journey Optimizer B2B Journey Optimizer B2B Edition 文件

片段編寫

Last update: Wed Aug 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

使用者

在您建立片段後，請使用視覺設計空間來編寫片段中的結構和內容元件。

新增結構和內容 design-fragment

若要開始您的內容設計，請從結構拖曳一個專案，然後將其放到畫布上。

視需要從結構新增任意數目的專案，並編輯右側窗格中每個專案的設定。

note tip
TIP
選取_n:n資料行_元件以定義您所選擇的資料行數目（介於3到10之間）。您也可以移動欄下方的箭頭來定義每欄的寬度。

將結構拖曳到畫布上並調整設定 {width="800" modal="regular"}

每個欄大小不能小於結構元件總寬度的10%。只能移除空白欄。

展開內容區段，並視需要新增內容元件至一或多個結構元件。

{width="800" modal="regular"}
如有需要，您可以在設定或樣式標籤中為每個元件進行其他自訂。

例如，您可以變更每個元件的文字樣式、邊框間距或邊界。
若要新增條件式內容並根據條件式規則將內容調整至目標設定檔，請選取內容元件，然後按一下元件工具列中的「啟用條件式內容」圖示。

如需詳細資訊，請參閱 條件式內容。

新增資產

在視覺內容編輯器中，選取左側導覽列中的 Marketo Engage Assets ( )圖示或 Experience Manager Assets ( )圖示。從資產選取器中，您可以直接選取儲存在來源資料庫中的資產。

NOTE

如果您已佈建 Adobe Experience Manager as a Cloud Service，當您的使用者帳戶具有所需的權限時，您即可同時存取 Marketo Engage Design Studio 和 Adobe Experience Manager Assets as a Cloud Service 的存放庫。這些存放庫是獨立的而且不會同步。您可以使用任一來源的影像資產。

將影像資產拖放至結構元件中，以新增資產。

{width="800" modal="regular"}
在畫布上選取現有的影像資產，然後在影像來源工具中按一下 選取資產，以取代現有的影像資產。

{width="600" modal="regular"}

如需有關使用來源型別中的資產的詳細資訊，請參閱使用資產進行內容製作。

導覽圖層、設定和樣式

當您在視覺化設計空間中使用內容時，可以使用導覽樹狀結構來存取元件、欄和內容元素。按一下左側的 導覽樹狀結構 圖示（）以顯示樹狀結構。

存取內容層 {width="800" modal="regular"}

下列範例概述在具有欄的結構元件內調整邊框間距和垂直對齊的步驟。

直接在畫布中選取結構元件中的欄，或使用左側顯示的 導覽樹狀結構。
在欄工具列中，按一下 選取欄 工具，然後選擇您要編輯的工具。

您也可以從結構樹中選取它。該欄的可編輯引數會顯示在右側的設定和樣式索引標籤中。

在視覺化設計工具中顯示的 {width="800" modal="regular"}
若要編輯欄屬性，請按一下右側的樣式索引標籤，並根據您的需求加以變更：
- 針對背景，視需要變更背景顏色。
  
  清除透明背景的核取方塊。啟用 背景影像 設定，以使用影像做為背景，而非純色。
- 針對對齊，請選取上、中或下圖示。
- 針對內距，定義所有邊的內距。
  
  若要微調內距，請選取 每一邊不同的內距。按一下鎖定圖示以中斷同步處理。
- 擴充進階區段以定義資料行的內嵌樣式。
{width="700" modal="regular"}
如有需要，請重複這些步驟來調整元件中其他欄的對齊與邊框間距。
儲存您的變更。

將內容個人化

Journey Optimizer B2B edition使用內嵌簡單語法，可讓您建立包含雙大括弧{}括住個人化內容的運算式。您可以在相同的內容或欄位中新增多個運算式，不受限制。

範例：

Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
Hello {{profile.person.name.fullName}}

處理內容時，Journey Optimizer B2B edition會以Experience Platform資料庫中包含的資料取代運算式。第一個範例會變成 Hello John Doe。

以下範例概述使用銷售機會/帳戶屬性和系統權杖進行內容個人化的步驟。

選取文字元件，然後按一下工具列中的 新增個人化 圖示。

{width="600"}

此動作會開啟 編輯Personalization 對話方塊。
按一下 + 或 …，將權杖新增至空白空間。

{width="700" modal="regular"}
按一下儲存。

條件式內容

若要根據規則將內容調整至目標設定檔的條件式內容，請選取內容元件，然後按一下元件工具列中的 啟用條件式內容 按鈕。當發佈的片段包含在電子郵件訊息中時，條件規則會決定電子郵件訊息中轉譯的條件元件的變體。

如需詳細資訊，請參閱 條件式內容。

啟用片段自訂

當作者將片段新增至電子郵件或電子郵件範本時，依預設會鎖定片段內容。對已發佈片段所做的任何變更都會自動傳播至使用該片段的所有內容資產。當您將片段中元件的引數指定為可編輯時，電子郵件或範本作者可以指定特定於其需求的自訂欄位值。此自訂標幟僅限影像、文字和按鈕視覺元件使用。

例如，如果您設計包含可點按按鈕的可重複使用橫幅，您可以將按鈕的URL引數指定為可編輯。之後，電子郵件作者便可使用與其電子郵件促銷活動更為專屬的URL。透過這些可自訂欄位，行銷人員可以管理和個人化可重複使用的內容，而無需建立全新的內容區塊或中斷來自原始片段的繼承更新。

在視覺內容編輯器中，選取您要啟用自訂的影像、文字或按鈕元素。
在右側的元件詳細資訊中，選取 可編輯欄位 索引標籤。
按一下 啟用版本 選項切換並設定可編輯的欄位。

{width="700" modal="regular"}

您可以根據元件型別和片段中定義的引數，啟用顯示欄位的自訂功能。

針對您想要允許自訂的每個欄位，將切換變更為啟用狀態。
按一下總覽以檢閱所有可編輯的欄位及其預設值。

{width="700" modal="regular"}
儲存您的變更。