透過Adobe Developer Console使用標籤
先決條件
-
AEM作者和發佈執行個體 分別在localhost連線埠4502和4503上執行
-
Experience Cloud
-
存取您的組織Adobe Experience Cloud -
https://<yourcompany>.experiencecloud.adobe.com
-
透過下列解決方案提供Experience Cloud
note note NOTE 您應該具有開發、核准、發佈、管理擴充功能及管理資料收集中環境的許可權。 如果您因無法使用的使用者介面選項而無法完成其中任何步驟,請聯絡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擴充功能
- 建立資料元素
- 建立頁面規則
- 設定環境
- 建置並發佈
-
AEM
- 建立Cloud Service
- 建立
標記
建立標籤屬性
屬性是一個容器,當您將標籤部署至網站時,在其中裝入擴充功能、規則、資料元素和程式庫。
- 導覽至您的組織 Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com
) - 使用您的Adobe ID登入,並確認您隸屬於正確的組織。
- 在解決方案切換器中,按一下 Experience Platform,然後 資料彙集 部分,然後選取 標籤.
-
確定您隸屬於正確的組織,然後繼續建立標籤屬性。
如需建立屬性的詳細資訊,請參閱 建立屬性 產品檔案內。
-
按一下 新增屬性 按鈕
-
提供屬性的名稱(例如, AEM Target教學)
-
網域請輸入 localhost.com 因為這是WKND示範網站執行所在的網域。 雖然'網域「欄位」為必填欄位,則tags屬性可用於所實施的任何網域。 此欄位的主要用途是在規則產生器中預先填入功能表選項。
-
按一下 儲存 按鈕。
-
開啟您剛建立的屬性,然後按一下「擴充功能」標籤。
新增Target擴充功能
Adobe Target擴充功能支援將Target JavaScript SDK用於現代網路的使用者端實施。 at.js
. 仍在使用Target舊版程式庫的客戶, mbox.js
, 應升級至at.js 以使用標籤。
Target擴充功能包含兩個主要部分:
-
管理核心程式庫設定的擴充功能設定
-
規則動作,可執行下列操作:
- 載入Target (at.js)
- 新增引數至所有Mbox
- 將引數新增至全域mbox
- 引發全域mbox
-
在 擴充功能,您會看到已針對標籤屬性安裝的擴充功能清單。 (Adobe Launch核心擴充功能 預設會安裝)
-
按一下 擴充功能目錄 選項,並在篩選器中搜尋Target。
-
選取最新版的Adobe Target at.js,然後按一下 安裝 選項。
-
按一下 設定 按鈕,而且您可以注意到已匯入Target帳戶憑證的設定視窗,以及此擴充功能的at.js版本。
透過非同步標籤內嵌程式碼部署Target時,您應在標籤內嵌程式碼之前,先在頁面上以硬式編碼撰寫預先隱藏程式碼片段,以便管理內容閃爍問題。 我們稍後將深入瞭解預先隱藏的Snipper。 您可以下載預先隱藏的程式碼片段 此處
-
按一下 儲存 若要將Target擴充功能新增至您的標籤屬性,您現在應該能夠看到Target擴充功能列於 已安裝 擴充功能清單。
-
重複上述步驟以搜尋「Experience CloudID服務」擴充功能並加以安裝。
設定環境
- 按一下 環境 標籤中,您可以看到為您的網站屬性建立的環境清單。 依預設,我們針對開發、測試和生產各建立一個例項。
建置並發佈
-
按一下 發佈 索引標籤進行標籤,接著建立程式庫以建置變更(資料元素、規則)並部署至開發環境。
embed -
從開發發佈變更到測試環境。
embed -
執行 為測試環境建置選項.
-
建置完成後,請執行 核准以發佈,這會將您的變更從測試環境移至生產環境。
-
最後,執行 建置並發佈至生產環境 將變更推送至生產環境的選項。
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。