行動裝置對網頁和跨網域ID共用

概觀

Adobe Experience Platform Web SDK支援訪客ID共用功能，可讓客戶在行動應用程式和行動網站內容之間，以及跨網域更準確地提供個人化體驗。

使用案例

在行動應用程式和行動網站之間提供一致的個人化內容

一家服裝公司想要根據客戶的興趣來打造個人化體驗，並在同時載入WebViews的行動應用程式中維持個人化的準確性。 透過使用行動裝置對網頁的ID共用功能，他們可確保在應用程式和行動網站內容中使用相同的訪客識別碼，傳遞 ECID 移至行動網頁URL。

跨網域提供一致的個人化

一家擁有多個線上商店的零售商想要根據客戶興趣，在其網域間個人化購物者體驗。 零售商使用Web SDK跨網域ID共用功能，可依據客戶興趣在所有網域中提供正確的優惠。

增強訪客活動報告功能

技術零售商想要改善訪客活動報表，提供訪客從行動應用程式移至其行動網站或其他網域的相關資訊。 使用Web SDK跨網域ID共用功能，行銷團隊可以準確地追蹤訪客的網頁屬性並產生活動報表。

先決條件

若要使用行動裝置對網頁和跨網域的ID共用，您必須使用 Web SDK 2.11.0版或更新版本。

若為Edge Network行動實作，此功能在 邊緣網路的身分識別 擴充功能從1.1.0版(iOS和Android)開始。

此功能也與 VisitorAPI.js 1.7.0版或更新版本。

行動裝置對網頁ID共用

使用 getUrlVariables 來自的API 邊緣網路的身分識別 擴充功能可將識別碼擷取為查詢引數，並在開啟時附加至URL webViews.

Web SDK不需額外設定即可接受 ECID 查詢字串中的值。

查詢字串引數包括：

  • MCID：Experience CloudID (ECID)
  • MCORGID：Experience Cloud orgID 必須與 orgID 設定於 Web SDK.
  • TS：時間戳記引數不能超過五分鐘。

行動裝置對網頁的ID共用會使用 adobe_mc 引數。 當 adobe_mc 引數存在且有效， ECID 來自查詢字串的，會自動新增至在第一次向Edge Network提出要求時的身分對應。 所有後續的Edge Network互動都會使用 ECID.

如需如何將訪客ID從行動應用程式傳遞至WebView的詳細資訊，請參閱以下檔案： 處理WebView.

跨網域識別碼共用

針對跨網域ID共用，Web SDK 2.11.0版新增對 appendIdentityToUrl 命令。 使用時，這個指令會產生 adobe_mc 查詢字串引數。

該命令接受具有一個屬性的物件， url，並傳回物件與屬性 url.

此命令不會等待任何同意更新。 如果尚未提供同意，則會傳回未變更的URL。

如果 ECID 未提供， /acquire 將會呼叫端點來產生 ECID.

以下範例說明客戶如何在其網站上實作跨網域ID共用。

此程式碼會為頁面上的所有點按新增一個事件監聽器，而且如果點按位於相符網域的連結上（在此例中為） adobe.com 或 behance.com)，將身分新增至URL並將使用者重新導向至該URL。

document.addEventListener("click", event => {
  const anchor = event.target.closest("a");
  if (!anchor || !anchor.href) {
    return;
  }
  const url = new URL(anchor.href);
  if (!url.hostname.endsWith("adobe.com") && !url.hostname.endsWith("behance.com")) {
    return;
  }
  event.preventDefault();
  alloy("appendIdentityToUrl", { url: anchor.href }).then(result => {
    document.location = result.url;
  });
});

使用標籤擴充功能

類似於使用 Web SDK中，不需進行額外設定 Tags 擴充功能，使用透過URL傳遞的身分。

若要透過Tags擴充功能使用行動裝置對網頁和跨網域ID共用，您必須使用2.12.0版或更新版本的Tags擴充功能。

若要從目前頁面將身分共用給其他網域，中有一個新的可用動作 Web SDK Tags 副檔名。 此動作旨在搭配 核心 — 按一下 事件型別和值比較條件。

請依照所述的步驟操作 此處 若要使用下列組態建立規則：

  • 事件設定：

    • 擴充功能：核心

    • 事件型別：按一下

    • 選取 當使用者按一下>特定元素時

    • 輸入 選擇器： a[href]. 只要在頁面上使用按一下錨點標籤，此事件就會觸發 href 屬性。

      顯示具有上述設定的事件設定的UI影像

  • 條件設定

    • 邏輯型別： 一般

    • 副檔名： 核心

    • 條件型別： 值比較

    • 左運算元： %this.hostname%. 這是可與搭配使用的特殊資料元素 核心 — 按一下 事件並解析為所點按連結的主機名稱。

    • 運運算元： 符合Regex

    • 右運算元：輸入符合您要共用身分之網域的規則運算式。 例如，比對主機名稱結尾為的連結 adobe.com 或 behance.com，請使用此規則運算式： behance.com$|adobe.com$. 連結的頁面必須具有 Web SDK 或 Visitor ID 安裝以接受身分。

      顯示條件設定與上述設定的UI影像

  • 動作設定

    • 副檔名： Adobe Experience Platform Web SDK

    • 動作型別： 使用身分重新導向

    • 例項：選取您的執行個體。 在大多數情況下，您只會設定一個執行個體。 如果您有多個執行個體，請選取具有您要共用之身分的執行個體。

      顯示具有上述設定的動作設定的UI影像

此 使用身分重新導向 動作會停止瀏覽器導覽至連結。 然後，它會呼叫 appendIdentityToUrl 上的方法 Web SDK 執行個體。

最後，這會將使用者重新導向至 URL 使用 adobe_mc 查詢字串引數已附加。

本頁內容