文件Experience Platform網頁教學課程

新增資料元素、規則和程式庫

Last update: Wed Nov 16 2022 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • undefined
  • undefined
  • undefined

在本課程中，您將建立您的第一個資料元素、規則和程式庫。

資料元素和規則是標籤的基本建置組塊。 資料元素會儲存您要傳送至行銷和廣告解決方案的屬性，而規則會在適當的條件下，引發對這些解決方案提出的請求。程式庫為在頁面上載入以完成所有工作的 JavaScript 檔案。在本課程中，您將使用這三種工具來讓範例頁面執行一些作業。

NOTE
Adobe Experience Platform Launch已整合至Adobe Experience Platform，為資料收集技術的套件。 介面中已推出數個術語變更，在使用此內容時應注意：

學習目標

在本課程結束時，您將能夠：

  • 建立資料元素
  • 建立規則
  • 建立程式庫
  • 新增變更至程式庫
  • 驗證您的程式庫是否載入網頁瀏覽器
  • 使用「工作程式庫」功能提高工作效率

為 Page Name 建立資料元素

資料元素是標籤的資料層版本。 它們可以儲存來自您的資料層物件、Cookie、本機儲存物件、查詢字串參數、頁面元素、中繼標記等項目的值。在本練習中，您將為 Page Name 建立資料元素，稍後會在 Target 和 Analytics 實施中用到 Page Name。

建立資料元素的方式

  1. 在左側導覽中，按一下 資料元素

  2. 因為您尚未在此屬性中建立任何資料元素，所以會出現一段簡短影片，提供有關本主題的其他資訊。如有需要，請觀看此影片。

  3. 按一下​ 建立新資料元素 ​按鈕：

    按一下「建立新資料元素」按鈕

  4. 為資料元素命名，例如 Page Name

  5. 使用 JavaScript 變數資料元素類型指向範例頁面資料層中的值：digitalData.page.pageInfo.pageName。

  6. 勾選​ 值強制小寫 ​和​ 清除文字 ​方塊，以標準化大小寫格式並移除多餘空格

  7. 持續儲存時間 ​設定維持設為​ 無，因為此值通常在每個頁面上都不同

  8. 按一下​ 儲存 ​按鈕以儲存資料元素

    建立 Page Name 資料元素 。

NOTE
資料元素功能​_可使用擴充功能來擴充_。例如，ContextHub 擴充功能可讓您使用擴充功能的功能來新增資料元素。

建立規則

接下來，您將在一個簡單規則中使用此資料元素。規則是標籤中最強大的功能之一，可讓您指定訪客與網站互動時應該發生的事。 當符合您在規則中所列的準則時，規則會觸發您指定的動作。

您將建立一個規則，此規則會將頁面名稱資料元素值輸出至瀏覽器主控台。

建立規則的方式

  1. 在左側導覽中，按一下 規則

  2. 因為您尚未在此屬性中建立任何規則，所以會出現一段簡短影片，提供有關本主題的其他資訊。如有需要，請觀看此影片。

  3. 按一下​ 建立新規則 ​按鈕：

    按一下「建立新規則」按鈕

  4. 將規則命名為 All Pages - Library Loaded。此命名慣例會指出規則將在何處和何時引發，讓您在標籤屬性完善時更容易識別和重複使用。

  5. 在「事件」底下，按一下​ 新增。事件會告訴標籤規則應該引發的時間，而且可能是許多項目，包括頁面載入、點按、自訂JavaScript事件等。

    命名規則並新增事件

    1. 以「事件類型」形式選取​ 載入的程式庫(頁面頂端)。請注意，當您選取「事件類型」時，標籤會使用您選取的項目預先填入事件名稱。 另請注意，事件的預設順序為 50。排序是標籤中的強大功能，可讓您在同一事件觸發多個規則時，精確控制動作的順序。 在稍後的教學課程中，您將會使用此功能。

    2. 按一下​ 保留變更 ​按鈕

    選取事件

  6. 由於此規則應在所有頁面上引發，請將​ 條件 ​留空。如果開啟「條件」強制回應，您會看到條件可以根據各種選項新增限制和排除項目，包括 URL、資料元素值、日期範圍等。

  7. 在「動作」底下，按一下​ 新增

  8. 選取​ 動作類型 > 自訂程式碼，這時此選項是唯一的選項。在稍後的教學課程中，當您新增擴充功能時，畫面就會顯示更多選項。

  9. 選取 </> 開啟編輯器 ​以開啟程式碼編輯器

    選取動作

  10. 將下列內容新增至程式碼編輯器中。此程式碼會將 Page Name 資料元素的值輸出至瀏覽器主控台，讓您可確認其運作中：

    code language-javascript 
    console.log('The page name is '+_satellite.getVar('Page Name'));

  11. 儲存程式碼編輯器

    輸入自訂程式碼

  12. 在動作設定畫面上，按一下​ 保留變更

  13. 按一下​ 儲存 ​以儲存規則

在「規則」頁面上，您應該會看到新規則：
規則會顯示在頁面上

將變更儲存至程式庫

在資料收集介面中設定擴充功能、資料元素和規則的集合後，您需要將這些功能和邏輯封裝為一組JavaScript程式碼，可讓您在網站上部署，以便在訪客造訪網站時觸發行銷標籤。 程式庫是執行此動作的 JavaScript 程式碼集。

在之前的課程中，您在範例頁面上實施了開發環境的內程式碼。載入範例頁面時，因為標籤程式庫尚未建立並指派給環境，導致傳回內嵌程式碼URL的404錯誤。 現在您需將新的資料元素和規則放進程式庫中，讓範例頁面能夠執行工作。

新增及建置程式庫的方式

  1. 在左側導覽中，按一下 發佈流程

  2. 按一下​ 新增程式庫

    新增程式庫

  3. 為程式庫命名，例如 Initial Setup

  4. 選取​ 環境 > 開發

  5. 按一下​ 新增所有變更的資源

    新增所有變更的資源

  6. 請注意，按一下 新增所有已變更的資源 標籤會摘要您剛才所做的變更。

  7. 按一下​ 儲存並為開發環境建置

    儲存並為開發環境建置

幾分鐘後，狀態圓點會變成綠色，表示程式庫已成功建置。

程式庫已建置

驗證您所執行的操作

現在驗證您的規則是否如預期般運作。

重新載入範例頁面。如果您查看「開發人員工具 — >網路」標籤，現在應該會看到標籤程式庫的200回應！

程式庫載入並顯示 200 回應

若查看「開發人員工具 -> 主控台」，應該會看到「頁面名稱為 home」文字

主控台訊息

恭喜，您已建立第一個資料元素和規則，且建立了您的第一個標籤程式庫！

使用工作程式庫功能

當您在標籤中進行許多變更時，每次需要查看結果時，都必須開啟「發佈」標籤、新增變更和建立程式庫，十足不便。 現在您已建立「Initial Setup」程式庫，即可使用「工作程式庫」功能來快速儲存變更，並在單一步驟中重建程式庫。

小幅變更「所有頁面 - 程式庫已載入」規則。在左側導覽中，按一下 規則 然後按一下 All Pages - Library Loaded 規則來開啟。

重新開啟規則

在 Edit Rule 頁面上，按一下​ 工作程式庫 ​下拉式清單，然後選取您的 Initial Setup 程式庫。

選取 Initial Setup 作為工作程式庫

選取程式庫後，您應會看到 儲存 按鈕現在預設為 儲存至程式庫. 當您在標籤中進行變更時，可以使用此選項來自動將變更直接新增至您的工作程式庫及/或加以重建。

實際測試一下。開啟您的「自訂程式碼」動作，並在「The page name is」這段文字之後加上一個冒號，讓整個程式碼區塊如下所示：

console.log('The page name is: '+_satellite.getVar('Page Name'));

儲存程式碼，保留動作中的變更，現在按一下​ 儲存至程式庫並建置 ​按鈕。

「儲存並建置」選項現已存在

請稍候片刻，直到綠色圓點重新出現在工作程式庫下拉式清單旁邊。現在，重新載入範例頁面，應該會看到您的變更反映在主控台訊息中 (您可能需要清除瀏覽器快取並重新載入，才能看到頁面的變更)：

含有冒號的主控台訊息

這是更快速的工作方式，您將在本教學課程的其餘部分中用到此方法。

下堂課「使用 Experience Cloud Debugger 切換環境」>

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2