[整合]{class="badge positive"}
透過Adobe Developer Console使用標籤
[AEM Sites 6.5]{class="badge informative"}
先決條件
-
AEM作者和發佈執行個體分別在localhost連線埠4502和4503上執行
-
Experience Cloud
-
存取您的組織Adobe Experience Cloud -
https://<yourcompany>.experiencecloud.adobe.com
-
透過下列解決方案提供Experience Cloud
note note NOTE 您應該具有開發、核准、Publish、管理擴充功能及管理資料收集中環境的許可權。 如果您因無法使用的使用者介面選項而無法完成其中任何步驟,請聯絡Experience Cloud管理員以請求存取許可權。 如需有關標籤許可權的詳細資訊,請參閱檔案。
-
-
Chrome瀏覽器延伸模組
- Adobe Experience Cloud Debugger(https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
相關使用者
針對此整合,必須涉及以下對象,而若要執行某些工作,您可能需要管理存取權。
- 開發人員
- AEM管理員
- Experience Cloud管理員
簡介
AEM提供與標籤的現成整合。 此整合可讓AEM管理員透過簡單易用的介面輕鬆設定標籤,因此在設定這兩個工具時可減少工作量和錯誤次數。 此外,只要將Adobe Target擴充功能新增至標籤,就能協助我們在AEM網頁上使用Adobe Target的所有功能。
在本節中,我們將介紹下列整合步驟:
-
標記
- 建立標籤屬性
- 新增Target擴充功能
- 建立資料元素
- 建立頁面規則
- 設定環境
- 建置和Publish
-
AEM
- 建立Cloud Service
- 建立
標記
建立標籤屬性
屬性是一個容器,當您將標籤部署至網站時,在其中裝入擴充功能、規則、資料元素和程式庫。
- 導覽至您的組織Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com
) - 使用您的Adobe ID登入,並確認您隸屬於正確的組織。
- 在方案切換器中,按一下 Experience Platform,然後按一下 資料彙集 區段,然後選取 標籤。
-
確定您隸屬於正確的組織,然後繼續建立標籤屬性。
如需建立屬性的詳細資訊,請參閱產品檔案中的建立屬性。
-
按一下 新增屬性 按鈕
-
提供屬性的名稱(例如,AEM Target教學課程)
-
網域請輸入 localhost.com,因為這是WKND示範網站執行所在的網域。 雖然'Domain'欄位是必要欄位,標籤屬性仍可在任何已實作的網域上運作。 此欄位的主要用途是在規則產生器中預先填入功能表選項。
-
按一下 儲存 按鈕。
-
開啟您剛建立的屬性,然後按一下「擴充功能」標籤。
新增Target擴充功能
Adobe Target擴充功能支援將Target JavaScript SDK用於現代網路at.js
的使用者端實作。 仍在使用Target舊版程式庫mbox.js
、的客戶應升級至at.js,才能使用標籤。
Target擴充功能包含兩個主要部分:
-
管理核心程式庫設定的擴充功能設定
-
規則動作,可執行下列操作:
- 載入Target (at.js)
- 新增引數至所有Mbox
- 將引數新增至全域mbox
- 引發全域mbox
-
在 擴充功能 底下,您可以看到已針對標籤屬性安裝的擴充功能清單。 (預設已安裝Adobe啟動核心擴充功能)
-
按一下 擴充功能目錄 選項,然後在篩選器中搜尋目標。
-
選取最新版的Adobe Target at.js,然後按一下 安裝 選項。
-
按一下 設定 按鈕,您會注意到已匯入Target帳戶認證的設定視窗,以及此擴充功能的at.js版本。
透過非同步標籤內嵌程式碼部署Target時,您應在標籤內嵌程式碼之前,先在頁面上以硬式編碼撰寫預先隱藏程式碼片段,以便管理內容閃爍問題。 我們稍後將深入瞭解預先隱藏的Snipper。 您可以在這裡下載預先隱藏程式碼片段
-
按一下[儲存] 完成將Target擴充功能新增至標籤屬性,您現在應該能夠看到Target擴充功能列在[已安裝的] 擴充功能清單下。
-
重複上述步驟以搜尋「Experience CloudID服務」擴充功能並加以安裝。
設定環境
- 按一下網站屬性的 環境 標籤,您就可以看到為您的網站屬性建立的環境清單。 依預設,我們針對開發、測試和生產各建立一個例項。
建置和Publish
-
按一下網站屬性的 發佈 標籤,讓我們建立程式庫,以建置變更(資料元素、規則)並將其部署至開發環境。
embed -
將您從開發到測試環境的變更進行Publish。
embed -
執行 Build for Staging選項
-
建置完成後,請執行 核准以發佈,這樣會將您的變更從中繼環境移至生產環境。
-
最後,執行 建置和Publish至生產環境 選項,將您的變更推送至生產環境。
Adobe Experience Manager
- 使用來自Adobe Developer的憑證在AEM中建立IMS整合。 (01:12至03:55)
- 在資料收集中建立屬性。 (涵蓋以上)
- 使用步驟1中的IMS整合,建立標籤整合以匯入標籤屬性。
- 在AEM中,使用瀏覽器設定將標籤整合對應至網站。 (05:28至06:14)
- 手動驗證整合。 (06:15至06:33)
- 使用Adobe Experience Cloud Debugger瀏覽器外掛程式。 (06:51至07:22)
此時,您已順利使用標籤🔗將AEM與Adobe Target整合(如選項1所述)。
若要使用AEM體驗片段選件來強化您的個人化活動,請前往下一章,並使用舊版雲端服務整合AEM與Adobe Target。