Adobe Target v2擴充功能概觀

注意

Adobe Experience Platform Launch在Adobe Experience Platform中已重新命名為一套資料收集技術。 因此,產品檔案中已推出數個術語變更。 有關術語更改的綜合參考,請參閱以下document

您可參閱此參考文件,了解使用此擴充功能建立規則時可使用哪些選項。

設定 Adobe Target v2 擴充功能

重要

Adobe Target 擴充功能需使用 at.js 2.x。

如果尚未安裝Adobe Target擴充功能,請開啟屬性,然後選取​擴充功能>目錄,將游標暫留在Target擴充功能上,然後選取​安裝

若要設定擴充功能,請開啟「擴充功能」標籤,將游標暫留在擴充功能上,然後選取「設定」。

at.js 設定

所有at.js設定(除了逾時以外)都會從Target UI的at.js設定中自動擷取。 擴充功能只會在首次新增Target UI時從中擷取設定,因此,如有其他更新,應在資料收集UI中管理所有設定。

下列組態選項可供使用:

用戶端代碼

用戶端代碼是 Target 的帳戶識別碼。在大部分情況中,此值應一律保持為預設值。可使用資料元素加以變更。

組織 ID

此 ID 會將您的實作連結至 Adobe Experience Cloud 帳戶。在大部分情況中,此值應一律保持為預設值。可使用資料元素加以變更。

伺服器網域

伺服器網域是指傳送Target請求的網域。 在大部分情況中,此值應一律保持為預設值。

GDPR 選擇加入

啟用後,Adobe Target 提供選擇加入功能,以協助支援您的同意管理策略。選擇加入功能可讓客戶控制觸發 Target 標籤的方法和時機。如需有關 Adobe 選擇加入的詳細資訊,請參閱隱私權與一般資料保護規則 (GDPR)

逾時 (毫秒)

如果未在定義的期間內收到 Target 的回應,則要求逾時,系統會顯示預設內容。在訪客工作階段期間會繼續嘗試其他要求。預設值為 3000 毫秒,可能與 Target 使用者介面中設定的「逾時」不同。

如需「逾時」設定如何運作的詳細資訊,請參閱 Adobe Target 說明

Target 擴充功能動作類型

本節說明 Target 擴充功能中可用的動作類型。

Target 擴充功能提供規則的「Then」部分中的下列動作:

載入 Target

將此動作新增至您的標籤規則,其中在規則內容中載入Target是可行的作法。 如此會將 at.js 程式庫載入頁面中。在大部分實作中,您網站的每個頁面上都應載入 Target。Adobe 建議,除非先前已有 Target 呼叫,否則應避免執行「載入 Target」動作,否則可能會發生 Analytics 呼叫延遲等問題。

無需設定。

使用裝置上決策功能載入Target

將此動作新增至您的標籤規則,其中在規則內容中啟用裝置上決策的情況下載入Target是可行的。 這會載入at.js程式庫,並在頁面中啟用裝置上的決策功能。 在大部分實作中,您網站的每個頁面上都應載入 Target。Adobe建議,只有在Target呼叫前面有Target呼叫時,才使用「載入Target與裝置決策」動作。 否則可能會發生 Analytics 呼叫延遲等問題。

無需設定。

新增參數至所有要求

此動作類型可將參數新增至所有Target請求。 「載入 Target」動作必須較先使用。

  1. 指定您要新增之參數的名稱和值。
  2. 選取新增圖示以新增更多參數。

新增參數至頁面載入要求

此動作類型可讓參數專門新增至您的頁面載入請求。 「載入 Target」動作必須較先使用。

  1. 指定您要新增之參數的名稱和值。
  2. 選取新增圖示以新增更多參數。

引發頁面載入要求

此動作類型可讓Target在頁面載入時觸發要求。 「載入 Target」動作必須較先使用。

必須指定是否啟用主體隱藏以防止閃爍,以及隱藏主體元素時使用的樣式。 提供下列選項:

  • 主體隱藏:​您可以啟用或停用此設定。預設值為 Enabled,表示 HTML BODY 隱藏。
  • 主體隱藏樣式:​預設值為 body{opacity:0}。此值可以變更為其他不同值,例如 body{display:none}。

如需詳細資訊,請參閱 Target 線上說明文件

觸發檢視

每當載入新頁面或重新轉譯頁面上的元件時,都可呼叫「觸發檢視」動作。 應為單頁應用程式實作觸發器檢視。

  1. 指定必須觸發的檢視名稱。
  2. 透過勾選「頁面」核取方塊,指定檢視的觸發是否應歸因於報表的曝光。如果檢視與重新演算的元件相關聯,且不會歸因於報表的曝光,則取消勾選「頁面」核取方塊。

有關觸發檢視的詳細資訊,請參閱triggerView()說明文件

Adobe Target 基本部署

安裝 Target 擴充功能後,請建立至少一個規則才能正確部署。您首先需要載入 Target 程式庫 (at.js),指定要用於頁面載入要求的參數,然後引發頁面載入要求。

具有此基本實作的 Target 規則看起來如下所示:

儲存此規則後,您需要將其新增至程式庫,然後加以建置/部署,以便測試行為。

非同步部署的 Adobe Target 擴充功能

標籤可非同步部署。 如果您以非同步方式載入標籤程式庫,且其中包含Target,則Target也會以非同步方式載入。 這是完全支援的情況,但有一個額外考量必須處理。

在非同步部署中,頁面可以在 Target 程式庫完全載入並執行內容交換之前,先完成預設內容的演算。這可能會導致所謂的「閃爍」問題,即預設內容會短暫顯示,然後才會被 Target 指定的個人化內容取代。若要避免這種閃爍問題,建議您使用預先隱藏的程式碼片段,並以非同步方式載入標籤套件,以避免發生任何內容閃爍情形。

使用預先隱藏程式碼片段時應留意的事項如下:

  • 載入標籤頁首內嵌程式碼之前,必須先新增程式碼片段。
  • 此程式碼無法透過標籤管理,因此必須直接新增至頁面。
  • 一發生下列事件時,便會顯示頁面:
    • 收到頁面載入回應時
    • 頁面載入要求逾時
    • 程式碼片段本身逾時
  • 應使用預先隱藏程式碼片段,在所有頁面上使用「引發頁面載入要求」動作,以將預先隱藏的時間減至最少。
  • 您也必須在資料收集UI中用於Target的頁面載入規則中,於頁面載入請求動作中啟用內文隱藏功能;否則,所有頁面載入在逾時期間都會保持隱藏。

預先隱藏的程式碼片段如下所示,且可縮小:可設定的選項位於末端:

;(function(win, doc, style, timeout) {
  var STYLE_ID = 'at-body-style';

  function getParent() {
    return doc.getElementsByTagName('head')[0];
  }

  function addStyle(parent, id, def) {
    if (!parent) {
      return;
    }

    var style = doc.createElement('style');
    style.id = id;
    style.innerHTML = def;
    parent.appendChild(style);
  }

  function removeStyle(parent, id) {
    if (!parent) {
      return;
    }

    var style = doc.getElementById(id);

    if (!style) {
      return;
    }

    parent.removeChild(style);
  }

  addStyle(getParent(), STYLE_ID, style);
  setTimeout(function() {
    removeStyle(getParent(), STYLE_ID);
  }, timeout);
}(window, document, "body {opacity: 0 !important}", 3000));

依預設,此程式碼片段會預先隱藏整個 HTML BODY。在某些情況下,您可能希望預先隱藏特定的 HTML 元素,而非整個頁面。您可以自訂 style 參數來達到此目的。以某些項目替換此參數,而只預先隱藏頁面的特定區域。

例如,若您有兩個區域,分別以 ID container-1 和 container-2 來識別,則樣式可以換成如下內容:

#container-1, #container-2 {opacity: 0 !important}

代替預設值:

body {opacity: 0 !important}

依預設,程式碼片段在 3000 毫秒或 3 秒後逾時。此值可自訂。

本頁內容