Adobe Experience Platform Launch在Adobe Experience Platform中已重新命名為一套資料收集技術。 因此,產品檔案中已推出數個術語變更。 有關術語更改的綜合參考,請參閱以下document。
您可參閱此參考文件,了解使用此擴充功能建立規則時可使用哪些選項。
Adobe Target 擴充功能需使用 at.js 2.x。
如果尚未安裝Adobe Target擴充功能,請開啟屬性,然後選取擴充功能>目錄,將游標暫留在Target擴充功能上,然後選取安裝。
若要設定擴充功能,請開啟「擴充功能」標籤,將游標暫留在擴充功能上,然後選取「設定」。
所有at.js設定(除了逾時以外)都會從Target UI的at.js設定中自動擷取。 擴充功能只會在首次新增Target UI時從中擷取設定,因此,如有其他更新,應在資料收集UI中管理所有設定。
下列組態選項可供使用:
用戶端代碼是 Target 的帳戶識別碼。在大部分情況中,此值應一律保持為預設值。可使用資料元素加以變更。
此 ID 會將您的實作連結至 Adobe Experience Cloud 帳戶。在大部分情況中,此值應一律保持為預設值。可使用資料元素加以變更。
伺服器網域是指傳送Target請求的網域。 在大部分情況中,此值應一律保持為預設值。
啟用後,Adobe Target 提供選擇加入功能,以協助支援您的同意管理策略。選擇加入功能可讓客戶控制觸發 Target 標籤的方法和時機。如需有關 Adobe 選擇加入的詳細資訊,請參閱隱私權與一般資料保護規則 (GDPR)。
如果未在定義的期間內收到 Target 的回應,則要求逾時,系統會顯示預設內容。在訪客工作階段期間會繼續嘗試其他要求。預設值為 3000 毫秒,可能與 Target 使用者介面中設定的「逾時」不同。
如需「逾時」設定如何運作的詳細資訊,請參閱 Adobe Target 說明。
本節說明 Target 擴充功能中可用的動作類型。
Target 擴充功能提供規則的「Then」部分中的下列動作:
將此動作新增至您的標籤規則,其中在規則內容中載入Target是可行的作法。 如此會將 at.js 程式庫載入頁面中。在大部分實作中,您網站的每個頁面上都應載入 Target。Adobe 建議,除非先前已有 Target 呼叫,否則應避免執行「載入 Target」動作,否則可能會發生 Analytics 呼叫延遲等問題。
無需設定。
將此動作新增至您的標籤規則,其中在規則內容中啟用裝置上決策的情況下載入Target是可行的。 這會載入at.js程式庫,並在頁面中啟用裝置上的決策功能。 在大部分實作中,您網站的每個頁面上都應載入 Target。Adobe建議,只有在Target呼叫前面有Target呼叫時,才使用「載入Target與裝置決策」動作。 否則可能會發生 Analytics 呼叫延遲等問題。
無需設定。
此動作類型可將參數新增至所有Target請求。 「載入 Target」動作必須較先使用。
此動作類型可讓參數專門新增至您的頁面載入請求。 「載入 Target」動作必須較先使用。
此動作類型可讓Target在頁面載入時觸發要求。 「載入 Target」動作必須較先使用。
必須指定是否啟用主體隱藏以防止閃爍,以及隱藏主體元素時使用的樣式。 提供下列選項:
如需詳細資訊,請參閱 Target 線上說明文件。
每當載入新頁面或重新轉譯頁面上的元件時,都可呼叫「觸發檢視」動作。 應為單頁應用程式實作觸發器檢視。
有關觸發檢視的詳細資訊,請參閱triggerView()
說明文件。
安裝 Target 擴充功能後,請建立至少一個規則才能正確部署。您首先需要載入 Target 程式庫 (at.js),指定要用於頁面載入要求的參數,然後引發頁面載入要求。
具有此基本實作的 Target 規則看起來如下所示:
儲存此規則後,您需要將其新增至程式庫,然後加以建置/部署,以便測試行為。
標籤可非同步部署。 如果您以非同步方式載入標籤程式庫,且其中包含Target,則Target也會以非同步方式載入。 這是完全支援的情況,但有一個額外考量必須處理。
在非同步部署中,頁面可以在 Target 程式庫完全載入並執行內容交換之前,先完成預設內容的演算。這可能會導致所謂的「閃爍」問題,即預設內容會短暫顯示,然後才會被 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 秒後逾時。此值可自訂。