可視化體驗撰寫器 Helper 擴充功能

的 Adobe Target 視覺體驗作曲家 (VEC)GoogleChrome的幫助瀏覽器擴展允許您可靠地載入VEC中的網站,以快速編寫和QA Web體驗。

注意

VEC幫助程式瀏覽器是Chrome擴展。 使用Mozilla Firefox時不需要此擴展。

某些網站無法可靠地在 VEC 中開啟的可能原因

  • 網站的安全性原則過於嚴格。
  • 網站架設在 iFrame 中。
  • 網站尚未實作 at.js 資料庫。
  • 外部無法存取客戶的 QA 和/或預備網站 (網站為內部網站)。
  • 當嘗試用 VEC 開啟使用 Service Worker (SW) 的網站時,目前有一些限制。

SW 是一種網路技術,可用於攔截網頁安裝所在網域的請求。SW 在該次頁面瀏覽中存活下來,並在隨後的頁面瀏覽中自我啟用。SW 決定允許哪些請求通過,以及攔截哪些請求,並改從快取提供服務。

SW 可以控制快取;可以快取網頁本身、靜態資源,如 JS、CSS、IMG、AJAX 請求、其內容及其回應標頭,包括我們的 Target VEC Helper 擴充功能嘗試移除的回應標頭,如 X-Frame-Options: SAMEORIGIN、CSP (Content-Security-Policy) 或 Set-Cookie。

遺憾的是,攔截網路請求的 Chrome 擴充功能 API 不接收 SW 所攔截和處理的請求。因此,如果網頁請求是由 SW 從快取中提供服務,則擴充功能無法修正標頭和 Cookie,因為同時快取了 X-Frame-Options 或 CSP 標頭的緣故,網頁不會載入到 VEC 中。

可能的因應措施是,從 Chrome「開發人員工具」>「Application」索引標籤中停用 Service Worker,然後啟用「Service Workers」區段下的「Bypass for network」核取方塊。

Chrome的VEC Helper瀏覽器擴展解決了客戶現在依賴的站點載入問題 Target 增強的體驗作曲家 或第三方擴展,如Requestly。

使用 VEC Helper 擴充功能的好處

  • 所有的 iFrame 爆破標頭 (例如 X-Frame-Options 和 Content-Security-Policy) 會以隱含的方式從網站上移除。不再需要建立複雜的Requestly規則。

  • 如果網站上未包含 Target at.js JavaScript 資料庫,您可以使用擴充功能來插入資料庫,這樣就能為網站撰寫體驗。接著可以使用預覽連結來建立活動和保證品質。

    請注意,使用增強的體驗作曲家(EEC),擴展不會在at.js中插入,但SameSite Cookie功能仍然存在。 要在網頁上注入at.js,請關閉EEC。

  • 移動視區 即使沒有 增強的體驗作曲家 (歐共體)。

  • 即使客戶的 IT 開發人員尚未在網站上實作 Target,剛接觸 Target 的客戶還是可以利用擴充功能來試驗 Target。

  • 管理多位客戶網站與 Target 帳戶的合作夥伴現在擁有一套簡單的機制可支援 VEC 載入工作,而不必在第三方工作中管理多個規則。

取得並安裝 VEC Helper 瀏覽器擴充功能

  1. 導航到 Adobe TargetChrome Web儲存中的VEC幫助程式瀏覽器擴展

  2. 按一下​「新增至 Chrome > 新增擴充功能」

  3. 在中開啟VEC Target。

  4. 若要使用擴充功能,請在 VEC 或 QA 模式中時,按一下 Chrome 瀏覽器工具列上的 VEC Helper 瀏覽器擴充功能圖示 (VEC Helper 圖示)。

  5. (條件)滑動 插入目標庫 如果網頁尚未包含 Target at.js JavaScript庫。

    下圖顯示已啟用插入 Target 資料庫設定的 VEC Helper:

    VEC helper 1

    下圖顯示詢問您是否要在頁面中插入 Target 資料庫以啟用編寫功能的 VEC Helper:

    VEC helper 2

  6. (條件)滑動 Cookie 切換到「開啟」位置以自動添加 SameSite=None 屬性瀏覽器修復。

    Cookie在VEC幫助程式擴展中切換

    有關 SameSite=None 屬性瀏覽器修復,請參閱「最近宣佈的GoogleChrome SameSite Cookie實施策略如何影響VEC和EEC?」 排解視覺體驗撰寫器和增強體驗撰寫器的相關問題中的「最近宣佈的 Google Chrome SameSite Cookie 實施政策如何影響 VEC 和 EEC?」。

附註

  • 擴充功能中的「插入 Target 資料庫」標記預設為「關閉」。如果您要在尚未針對 Target 實作的網站上使用 VEC,可以啟用此標記。

    此標誌是全局設定。 VEC 中開啟的所有網站都會啟用或停用此標記。因此,例如,如果將此標誌設定為"on"並開啟已使用at.js實現的網站,則您會收到一條消息,通知您已載入at.js。 Adobe預計,大多數客戶已在其頁面上實施at.js,並使用預設設定「off」。

  • 擴展將載入從 Target UI 在 管理>實施。

  • QA 模式下使用此擴充功能來插入 at.js 時,您必須另外開啟一個 Chrome 分頁。此 Chrome 分頁必須授權給您建立活動的相同 Adobe Experience Cloud 組織。

  • 以下訊息有助於您瞭解:

    • 如果您嘗試使用 VEC 載入網站卻無法載入,系統會顯示訊息,建議您安裝 VEC Helper 瀏覽器擴充功能。
    • 如果網站尚未實作 at.js,VEC 會顯示訊息,建議您安裝擴充功能。
    • 如果擴充功能已啟用且在執行載入工作,當擴充功能插入 at.js 資料庫 (如有必要) 或協助以可靠的方式在 VEC 中開啟網站時,系統會顯示訊息。

本頁內容