[整合]{class="badge positive"}
建立標籤屬性 create-tag-property
[AEM Sites as a Cloud Service、AEM Sites 6.5]{class="badge informative"}
瞭解如何使用最低設定建立Tag屬性,以便與Adobe Experience Manager整合。 使用者可瞭解標籤UI,並瞭解擴充功能、規則和發佈工作流程。
標籤屬性建立
若要建立Tag屬性,請完成以下步驟。
-
在瀏覽器中,導覽至Adobe Experience Cloud首頁頁面,並使用您的Adobe ID登入。
-
從Adobe Experience Cloud首頁的 快速存取 區段,按一下 資料彙集 應用程式。
-
從左側導覽按一下 標籤 功能表專案,然後從右上角按一下 新增屬性。
-
使用 Name 必要欄位為您的Tag屬性命名。 在[網域]欄位中,輸入您的網域名稱,或如果使用AEM as a Cloud Service環境,請輸入
adobeaemcloud.com
並按一下[儲存]。
建立新規則
在 標籤屬性 檢視中按一下新建立的標籤屬性,以開啟該屬性。 在「我最近的活動」標題下,您應該會看到核心擴充功能已新增至其中。 核心標籤擴充功能是預設的擴充功能,並提供頁面載入、瀏覽器、表單和其他事件型別等基本事件型別。如需詳細資訊,請參閱核心擴充功能概觀。
規則可讓您指定訪客與您的AEM網站互動時應該發生的事。 為了簡單起見,我們將兩則訊息記錄到瀏覽器主控台,以示範資料收集標籤整合如何將JavaScript程式碼插入您的AEM網站,而不需要更新AEM專案程式碼。
若要建立規則,請完成下列步驟。
-
從左側導覽的 AUTHORING 區段中按一下 規則,然後按一下 建立新規則
-
使用 Name 必要欄位為規則命名。
-
從 EVENTS 區段按一下 新增,然後在 事件組態 表單的 事件型別 下拉式清單中,選取 載入的程式庫(頁面頂端) 選項,然後按一下 保留變更。
-
從 動作 區段中按一下 新增,然後在 動作組態 表單的 動作型別 下拉式清單中,選取 自訂程式碼 選項,然後按一下 開啟編輯器。
-
在 編輯代碼 強制回應視窗中,輸入下列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');
-
按一下 儲存 以完成規則建立程式。
新增程式庫並發佈
Tag屬性 規則 是使用程式庫啟動,請將程式庫視為包含JavaScript程式碼的套件。 按照以下步驟啟動新建立的規則。
-
從左側導覽的 PUBLISHING 區段中,按一下 發佈流程,然後按一下 新增資料庫
-
使用 名稱 欄位為資料庫命名,並為 環境 下拉式清單選取 開發(開發) 選項。
-
若要選取自標籤屬性建立後所有變更的資源,請按一下[新增所有變更的資源] 。 此動作會將新建立的規則和核心擴充功能資源新增至程式庫。 最後按一下 儲存並建置至開發。
-
一旦為 開發 泳道建置資料庫,使用 點 選取 提交核准
-
然後在 已提交 使用省略符號的泳道 中 選取 核准發佈,同樣地,在 已核准 泳道中 建置和Publish至生產環境。
上述步驟會完成簡單的標籤屬性建立,接著會有規則在頁面載入時將訊息記錄至瀏覽器主控台。 此外,規則和核心擴充功能也會透過建立程式庫發佈。