Show Menu
主題×

Adobe Target v2 擴充功能

使用本參考文件,了解使用此擴充功能建立規則時可用的選項。

設定 Adobe Target v2 擴充功能

Adobe Target 擴充功能需使用 at.js 2.x。
如果尚未安裝 Adobe Target 擴充功能,請開啟您的屬性,然後按一下「 Extensions > Catalog 」,將游標暫留在 Target 擴充功能上,然後按一下「 Install 」。
若要設定擴充功能,請開啟「擴充功能」標籤、將游標暫留在擴充功能上方,然後按一下「 Configure 」。

at.js 設定

您的所有 at.js 設定 (除了「逾時」以外) 都是由 Target 使用者介面中的 at.js 設定自動擷取。擴充功能只會在其首次新增時從 Target 使用者介面擷取設定。因此,如有其他更新,應在 Launch 介面中管理所有設定。
下列組態選項可供使用:

用戶端代碼

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

組織 ID

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

伺服器網域

作為 Target 請求傳送目標的網域。在大部分情況中,此值應一律保持為預設值。

GDPR 選擇加入

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

逾時 (毫秒)

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

Target 擴充功能動作類型

本節說明 Target 擴充功能中可用的動作類型。
Target 擴充功能提供規則的「Then」部分中的下列動作:

載入 Target

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

新增參數至所有請求

新增參數至所有的 Target 請求。「載入 Target」動作必須較先使用。
  1. 指定您要新增之參數的名稱和值。
  2. 按一下新增圖示以新增更多參數。

新增參數至頁面載入請求

只將參數新增至頁面載入請求。「載入 Target」動作必須較先使用。
  1. 指定您要新增之參數的名稱和值。
  2. 按一下新增圖示以新增更多參數。

引發頁面載入請求

在頁面載入時引發 Target 請求。「載入 Target」動作必須較先使用。
指定是否啟用主體隱藏以防止閃爍,以及在隱藏主體元素時所使用的樣式。
可使用下列選項:
  • 主體隱藏: ​您可以啟用或停用此設定。預設值為 Enabled,表示 HTML BODY 隱藏。
  • 主體隱藏樣式: ​預設值為 body。此值可以變更為其他不同值,例如 body。
如需詳細資訊,請參閱 Target 線上說明文件

觸發檢視

觸發單頁應用程式的檢視。
  1. 指定必須觸發的檢視名稱。
  2. 透過勾選「頁面」核取方塊,指定檢視的觸發是否應歸因於報表的曝光。如果檢視與重新演算的元件相關聯,且不會歸因於報表的曝光,則取消勾選「頁面」核取方塊。
有關觸發檢視的詳細資訊,請參閱 triggerView()

Adobe Target 基本部署

安裝 Target 擴充功能後,請建立至少一個規則才能正確部署。您首先需要載入 Target 程式庫 (at.js),指定要用於頁面載入要求的參數,然後引發頁面載入請求。
具有此基本實作的 Target 規則看起來如下所示:
儲存此規則後,您需要將其新增至程式庫,然後加以建置/部署,以便測試行為。

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

Launch 可採非同步方式部署。如果您要以非同步方式載入 Launch 程式庫,且其中包含 Target,則 Target 也會以非同步方式載入。這是完全支援的情況,但有一個額外考量必須處理。
在非同步部署中,頁面可以在 Target 程式庫完全載入並執行內容交換之前,先完成預設內容的演算。這可能會導致所謂的「閃爍」問題,即預設內容會短暫顯示,然後才會被 Target 指定的個人化內容取代。若要避免這種閃爍問題,建議您使用預先隱藏的程式碼片段,並以非同步方式載入 Launch 套件,以避免發生任何內容閃爍情形。
以下是使用預先隱藏程式碼片段時應留意的一些事項:
  • 載入 Launch 頁首內嵌代碼前,必須先新增程式碼片段。
  • 此代碼無法由 Launch 管理,因此必須直接新增至頁面。
  • 一發生下列事件時,便會顯示頁面:
    • 收到頁面載入回應時
    • 頁面載入請求逾時
    • 程式碼片段本身逾時
  • 應使用預先隱藏程式碼片段,在所有頁面上使用「引發頁面載入請求」動作,以將預先隱藏的時間減至最少。
  • 您也必須在 Launch 的 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 秒後逾時。此值可自訂。