整合

透過Adobe Developer Console使用標籤

AEM Sites 6.5

先決條件

  • 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
    • 建立

標記

建立標籤屬性

屬性是一個容器,當您將標籤部署至網站時,在其中裝入擴充功能、規則、資料元素和程式庫。

  1. 導覽至您的組織 Adobe Experience Cloud (https://<yourcompany>.experiencecloud.adobe.com)
  2. 使用您的Adobe ID登入,並確認您隸屬於正確的組織。
  3. 在解決方案切換器中,按一下 Experience Platform,然後 資料彙集 部分,然後選取 標籤.

Experience Cloud — 標籤

  1. 確定您隸屬於正確的組織,然後繼續建立標籤屬性。
    Experience Cloud — 標籤

    如需建立屬性的詳細資訊,請參閱 建立屬性 產品檔案內。

  2. 按一下 新增屬性 按鈕

  3. 提供屬性的名稱(例如, AEM Target教學)

  4. 網域請輸入 localhost.com 因為這是WKND示範網站執行所在的網域。 雖然'網域「欄位」為必填欄位,則tags屬性可用於所實施的任何網域。 此欄位的主要用途是在規則產生器中預先填入功能表選項。

  5. 按一下 儲存 按鈕。

    標籤 — 新屬性

  6. 開啟您剛建立的屬性,然後按一下「擴充功能」標籤。

新增Target擴充功能

Adobe Target擴充功能支援將Target JavaScript SDK用於現代網路的使用者端實施。 at.js. 仍在使用Target舊版程式庫的客戶, mbox.js應升級至at.js 以使用標籤。

Target擴充功能包含兩個主要部分:

  • 管理核心程式庫設定的擴充功能設定

  • 規則動作,可執行下列操作:

    • 載入Target (at.js)
    • 新增引數至所有Mbox
    • 將引數新增至全域mbox
    • 引發全域mbox
  1. 擴充功能,您會看到已針對標籤屬性安裝的擴充功能清單。 (Adobe Launch核心擴充功能 預設會安裝)

  2. 按一下 擴充功能目錄 選項,並在篩選器中搜尋Target。

  3. 選取最新版的Adobe Target at.js,然後按一下 安裝 選項。
    標籤 — 新屬性

  4. 按一下 設定 按鈕,而且您可以注意到已匯入Target帳戶憑證的設定視窗,以及此擴充功能的at.js版本。
    Target — 擴充功能設定

    透過非同步標籤內嵌程式碼部署Target時,您應在標籤內嵌程式碼之前,先在頁面上以硬式編碼撰寫預先隱藏程式碼片段,以便管理內容閃爍問題。 我們稍後將深入瞭解預先隱藏的Snipper。 您可以下載預先隱藏的程式碼片段 此處

  5. 按一下 儲存 若要將Target擴充功能新增至您的標籤屬性,您現在應該能夠看到Target擴充功能列於 已安裝 擴充功能清單。

  6. 重複上述步驟以搜尋「Experience CloudID服務」擴充功能並加以安裝。
    擴充功能 — Experience CloudID服務

設定環境

  1. 按一下 環境 標籤中,您可以看到為您的網站屬性建立的環境清單。 依預設,我們針對開發、測試和生產各建立一個例項。

資料元素 — 頁面名稱

建置並發佈

  1. 按一下 發佈 索引標籤進行標籤,接著建立程式庫以建置變更(資料元素、規則)並部署至開發環境。

    embed

    https://video.tv.adobe.com/v/28412?quality=12&learn=on

  2. 從開發發佈變更到測試環境。

    embed

    https://video.tv.adobe.com/v/28419?quality=12&learn=on

  3. 執行 為測試環境建置選項.

  4. 建置完成後,請執行 核准以發佈,這會將您的變更從測試環境移至生產環境。
    暫存至生產環境

  5. 最後,執行 建置並發佈至生產環境 將變更推送至生產環境的選項。
    建置並發佈至生產環境

Adobe Experience Manager

NOTE
授予Adobe Developer整合功能可使用適當功能選取工作區的存取權 角色,允許中央團隊僅在少數幾個工作區中進行API導向的變更.
  1. 使用來自Adobe Developer的憑證在AEM中建立IMS整合。 (01:12至03:55)
  2. 在資料收集中建立屬性。 (涵蓋 以上)
  3. 使用步驟1中的IMS整合,建立標籤整合以匯入標籤屬性。
  4. 在AEM中,使用瀏覽器設定將標籤整合對應至網站。 (05:28至06:14)
  5. 手動驗證整合。 (06:15至06:33)
  6. 使用Adobe Experience Cloud Debugger瀏覽器外掛程式。 (06:51至07:22)

此時,您已成功整合 AEM與Adobe Target搭配使用標籤 如選項1所詳述。

若要使用AEM體驗片段選件來強化您的個人化活動,請前往下一章,並使用舊版雲端服務整合AEM與Adobe Target。

recommendation-more-help
d30c09d2-e4b1-4b0b-a09a-250d84817092