建立標籤屬性 create-tag-property
瞭解如何使用最低設定建立Tag屬性,以便與Adobe Experience Manager整合。 使用者可瞭解標籤UI,並瞭解擴充功能、規則和發佈工作流程。
標籤屬性建立
若要建立Tag屬性,請完成以下步驟。
-
在瀏覽器中,導覽至 Adobe Experience Cloud首頁 頁面並使用您的Adobe ID登入。
-
按一下 資料彙集 應用程式來自 快速存取 區段的Adobe Experience Cloud首頁。
-
按一下 標籤 功能表專案,然後按一下 新增屬性 從右上角。
-
使用為您的標籤屬性命名 名稱 必填欄位。 在「網域」欄位中,輸入您的網域名稱;如果使用AEMas a Cloud Service環境,請輸入
adobeaemcloud.com
並按一下 儲存.
建立新規則
按一下「 」中新建立的Tag屬性名稱,以開啟該屬性。 標籤屬性 檢視。 亦位於 我最近的活動 標題中,您應該會看到核心擴充功能已新增至此標題。 核心標籤擴充功能是預設的擴充功能,可提供頁面載入、瀏覽器、表單等基本事件型別,詳情請參閱 核心擴充功能概觀 以取得詳細資訊。
規則可讓您指定訪客與您的AEM網站互動時應該發生的事。 為了簡單起見,我們將兩則訊息記錄到瀏覽器主控台,以示範資料收集標籤整合如何將JavaScript程式碼插入您的AEM網站,而不需要更新AEM專案程式碼。
若要建立規則,請完成下列步驟。
-
按一下 規則 從 製作 區段,然後按一下 建立新規則
-
使用為您的規則命名 名稱 必填欄位。
-
按一下 新增 從 活動 區段,然後在 事件設定 表單,在 事件型別 下拉式清單選取 程式庫已載入(頁面頂端) 選項並按一下 保留變更.
-
按一下 新增 從 動作 區段,然後在 動作設定 表單,在 動作型別 下拉式清單選取 自訂程式碼 選項並按一下 開啟編輯器.
-
在 編輯程式碼 強制回應視窗,輸入下列JavaScript程式碼片段,然後按一下 儲存,最後按一下 保留變更.
code language-javascript console.log('Tags Property loaded, all set for...'); console.log('capabilities such as capturing data, conversion tracking and delivering unique and personalized experiences');
-
按一下 儲存 以完成規則建立程式。
新增程式庫並發佈
標籤屬性 規則 使用程式庫啟動,請將程式庫視為包含JavaScript程式碼的套件。 按照以下步驟啟動新建立的規則。
-
按一下 發佈流程 從 發佈 區段,然後按一下 新增程式庫
-
使用為您的程式庫命名 名稱 欄位並選取 Development(development) 選項 環境 下拉式清單。
-
若要選取自Tag屬性建立後所有變更的資源,請按一下 +新增所有變更的資源. 此動作會將新建立的規則和核心擴充功能資源新增至程式庫。 最後按一下 儲存並建置到開發環境.
-
為建置程式庫後 開發 泳道,使用 橢圓 選取 提交以進行核准
-
然後在 已提交 泳道,使用 橢圓 選取 核准以發佈,同樣地 建置並發佈到生產環境 在 已核准 泳道。
上述步驟會完成簡單的標籤屬性建立,接著會有規則在頁面載入時將訊息記錄至瀏覽器主控台。 此外,規則和核心擴充功能也會透過建立程式庫發佈。