Visual Experience Composer協助程式副檔名
適用於Google Chrome的Adobe Target Visual Experience Composer (VEC) Helper瀏覽器擴充功能可讓您在VEC內以可靠的方式載入網站，來快速撰寫網站體驗及評估品質。
VEC Helper瀏覽器是Chrome擴充功能。 使用Mozilla Firefox時不需要此延伸。
-
本文記錄的舊版Target VEC Helper擴充功能是使用Manifest V2建立的。 Google宣佈從2024年6月起，將不再允許使用資訊清單V2建立的擴充功能。 如需詳細資訊，請參閱 開發人員專用Chrome 網站上Google的資訊清單V2支援時間表宣告。
-
從2024年6月開始，Google將開始停用使用資訊清單V2建立的擴充功能，包括本主題中記錄的擴充功能。 Adobe建議客戶儘快改用較新的Visual Editing Helper擴充功能。
-
使用私人Chrome網站商店的客戶應繼續使用此版本的擴充功能，直到2025年1月底在新Visual Editing Helper擴充功能中實作此使用案例的支援為止。
某些網站可能無法可靠地在 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的「開發人員工具」>「應用程式」標籤停用Service Worker，然後啟用「Service Worker」區段下的「略過網路」核取方塊，當作可能的因應措施。
- 您正在使用Google Chrome 80+搭配增強的SameSite Cookie執行政策。 如需詳細資訊，請參閱最近宣佈的Google Chrome SameSite Cookie執行政策對VEC和EEC有何影響？
適用於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。
-
即使沒有Enhanced Experience Composer (EEC)，也支援行動檢視區。
-
即使客戶的 IT 開發人員尚未在網站上實作 Target，剛接觸 Target 的客戶還是可以利用擴充功能來試驗 Target。
-
管理多位客戶網站與 Target 帳戶的合作夥伴現在擁有一套簡單的機制可支援 VEC 載入工作，而不必在第三方工作中管理多個規則。
取得並安裝 VEC Helper 瀏覽器擴充功能
-
導覽至Chrome網站商店中的Adobe Target VEC Helper瀏覽器擴充功能。
-
按一下 Add to Chrome > Add Extension。
-
在 Target 中開啟 VEC。
-
若要使用擴充功能，請在 VEC 或 QA 模式中時，按一下 Chrome 瀏覽器工具列上的 VEC Helper 瀏覽器擴充功能圖示 (
-
（條件式）如果網頁尚未包含Target at.js JavaScript資料庫，請將「Inject Target Libraries」切換滑至「開啟」位置。
下圖顯示已啟用Inject Target Libraries設定的VEC Helper：
下圖顯示詢問您是否要在頁面中插入 Target 資料庫以啟用編寫功能的 VEC Helper:
-
（條件式）將 Cookies 切換滑至「開啟」位置，以自動新增
SameSite=None屬性瀏覽器修正。VEC Helper擴充功能中的
如需有關
SameSite=None屬性瀏覽器修正的詳細資訊，請參閱排解可視化體驗撰寫器和增強型體驗撰寫器的相關問題中的「最近宣布的 Google Chrome SameSite cookie 執行政策對 VEC 和 EEC 有何影響？」。
附註
-
擴充功能中的Inject Target libraries標幟預設為OFF。 如果您要在尚未針對 Target 實作的網站上使用 VEC，可以啟用此標記。
此旗標為全域設定。 VEC 中開啟的所有網站都會啟用或停用此標記。舉例來說，如果您將此標幟設為「開啟」，並開啟已使用at.js實作的網站，您會收到一則訊息，通知您at.js已載入。 Adobe預計大部分客戶都會在網頁上實作at.js，且預設值為「關閉」。
-
此擴充功能會載入最新版本的at.js （由Administration > Implementation中的Target UI提供）。
-
在 QA 模式下使用此擴充功能來插入 at.js 時，您必須另外開啟一個 Chrome 分頁。此 Chrome 分頁必須授權給您建立活動的相同 Adobe Experience Cloud 組織。
-
以下訊息有助於您瞭解:
- 如果您嘗試使用 VEC 載入網站卻無法載入，系統會顯示訊息，建議您安裝 VEC Helper 瀏覽器擴充功能。
- 如果網站尚未實作 at.js，VEC 會顯示訊息，建議您安裝擴充功能。
- 如果擴充功能已啟用且在執行載入工作，當擴充功能插入 at.js 資料庫 (如有必要) 或協助以可靠的方式在 VEC 中開啟網站時，系統會顯示訊息。