內嵌程式碼和託管選項

本文包含動態標籤管理中各種代管選項的相關資訊:Akamai、自行代管FTP傳送和自行代管程式庫下載。

重要

為了成功實施,請務必遵循 Adobe 說明中的這些指示。尤其是,您必須將頁首代碼放置在文件範本的 <head> 區段中。同時,您必須準確將頁尾代碼放在結尾 </body> 標籤前。Placing either of these embed codes elsewhere in your markup, or using asynchronous methods to append the embed codes, are not a supported implementation of Dynamic Tag Management.

不受支援的實施會造成非預期的結果,因而使得客戶服務和工程人員無法協助您進行實施。

不支援在單一頁面上加入多個內嵌代碼,因為這可能會造成衝突。

代管工作流程

下圖顯示動態標籤管理中的代管工作流程:

代管選項

您可使用下列標籤上的一或多個選項來部署動態標籤管 Embed 理:

Akamai(從Amazon S3移轉)

  1. Dynamic Tag Management 會產生自訂 JavaScript 程式庫。
  2. Dynamic Tag Management 會將自訂 JavaScript 程式庫匯出至 Akamai。
  3. 目標網站直接在頁面層級參考 Akamai 上託管的 Dynamic Tag Management 程式庫。

Amazon S3

注意

2015年7月31日之後,Adobe將不再支援Amazon S3。 您在Amazon S3上的動態標籤管理程式庫將持續提供至2015年12月31日,但為唯讀狀態。 在「動態標籤管理」中所做的任何變更都不會再反映在這些檔案中。

若要在2015年7月31日之後對您的網站部署其他變更,您必須選取我們的其他代管選項之一。 自行代管(FTP傳送或程式庫下載)向來是建議的最佳實務,但我們的第三方Akamai代管也是世界級的選項。

自行代管:FTP傳送

「動態標籤管理」 push 會使用一種方法,透過FTP通訊協定,將自訂JavaScript程式庫直接匯出至Web內容伺服器主機。

此解決方案需要有 FTP 伺服器且 Web 內容伺服器上有憑證,以便發佈自訂 Dynamic Tag Management 程式庫中的變更。

如需詳細資訊,請參 閱FTP

  1. Dynamic Tag Management 會產生自訂 JavaScript 程式庫。
  2. Dynamic Tag Management 透過 FTP 將自訂 JavaScript 程式庫匯出至託管伺服器。
  3. 目標網站會在本機參考自訂 Dynamic Tag Management 程式庫。

自行代管:程式庫下載

應用程式使用 pull 將自訂JavaScript程式庫匯出至Amazon S3的方法。 然後,託管於伺服器端的程序便可從從該處存取程式庫。

另外,程式庫也可供直接從 Dynamic Tag Management 介面透過 Web 下載取得。

此解決方案需要手動擷取並發佈 Dynamic Tag Management 程式庫,或需要建立自動化程序以將程式庫從 Akamai 提取至 Web 內容伺服器。

此方法需要最多的時間來設定,但也是最安全、最靈活的選項。

如需詳細資訊,請參閱程 式庫下載

  1. Dynamic Tag Management 會產生自訂 JavaScript 程式庫。
  2. Dynamic Tag Management 會將自訂 JavaScript 程式庫匯出至 Akamai。
  3. 手動或用程式將自訂 Dynamic Tag Management 程式庫移至 Web 內容伺服器。
  4. 目標網站會在本機參考自訂 Dynamic Tag Management 程式庫。

您可以透過在CDN或基礎架構上代管「FTP傳送」和「程式庫下載」選項,來提升效能並加強對安全性的控制。

到此視訊結束時,您應能:

  • 說明不同的代管選項

代管考量事項(FAQ)

在決定代管選項時,請考慮這些問題。

在決定最適合貴組織的代管選項時,您可能會考慮下列問題:

  • 如何選擇代管選項?

    動態標籤管理會建立並使用各種JavaScript檔案,其中包含執行系統所需的所有程式碼。 這些程式庫檔案可由Adobe代管,也可以由您自己的伺服器在您自己的Web架構中代管。

    「程式庫下載」托管選項也可讓您自行托管程式庫檔案。 當授權的動態標籤管理使用者在軟體中進行變更時,我們的系統會將這些變更寫出至程式庫檔案。 當您使用此選項在伺服器上裝載程式庫檔案時,我們的系統需要一種方式將這些變更傳送至您的伺服器。 透過「程式庫下載」托管選項,我們的系統會傳送ping(http post)至您的系統,讓您的伺服器知道程式庫檔案已有更新。 您的IT團隊可以建立cron作業或其他指令碼處理,讓您的伺服器可以擷取變更的檔案。 如此一來,每當動態標籤管理中發生變更時,您所托管在伺服器上的檔案都可以自動更新。

    您可以針對Web屬性使用一或多個這些代管選項,只要在單一頁面中使用一個以上的內嵌代碼即可。 例如,您可以在測試環境中使用Akamai,也可以在生產環境中使用其中一個自行托管選項。 或者,您也可以將Akamai選項用於您的代理商合作夥伴所代管的任何網站、網域或子網域。 這些選項可讓您根據特定需求,更靈活地托管程式庫檔案。

  • 您目前對網站內容來源的政策為何?

    這個問題的答案有助於判斷JavaScript程式庫是可以裝載在Akamai、透過FTP推送至網站檔案結構,或是透過伺服器端程式手動提取至檔案結構。

  • 我可以一次使用多個動態標籤管理程式庫托管選項嗎?

    是的,您可以開啟並使用任意數量的代管選項,並對不同網域或子網域使用不同的內嵌代碼。

    例如,您可能想要針對較低層級的非生產環境(例如測試、開發、測試或UAT)使用Akamai選項。 同時,您可能會針對生產環境使用其中一個自行托管選項,例如「程式庫下載」。

    請記住,在同一頁上不能使用多個選項。 您不應在任何頁面上實作多個頁首內嵌代碼。

  • 您目前的網站內容部署程式為何?

    部署程式會影響從動態標籤管理管理介面將變更部署至網站的速度。 此外,它還會影響在網站上初始安裝動態標籤管理所需的時間。

  • 網站目前的頁面層級標籤和結構為何?

    瞭解網站上的基本頁面層級標籤和結構決策有助於正確安裝動態標籤管理並在管理介面中建立規則。

    要識別的關鍵項目包括:

    • 網頁區段中參考的 <head> JavaScript程式庫。
    • 頁面的個別區段(例如頁首和頁尾)是否動態產生。

    瞭解所使用的任何內容管理系統有助於確定適當的托管方法。

Akamai

Akamai是主要的外部代管選項。 Akamai提供您可靠的代管體驗,是實作的最簡單選項。 Akamai提供最大的協力廠商基礎架構相依性,例如DNS查閱、更快的載入時間,以及更快的往返傳送時間。

Akamai代管選項可讓您將Web屬性程式庫檔案儲存在Adobe的Edge CDN上,此CDN位於Akamai架構上。 此選項可讓您在頁面範本中安裝內嵌代碼,並快速啟動並執行動態標籤管理,而不需讓內部IT團隊和伺服器參與。

注意

2015年7月31日之後,Adobe將不再支援Amazon S3。 您在Amazon S3上的動態標籤管理程式庫將持續提供至2015年12月31日,但為唯讀狀態。 在「動態標籤管理」中所做的任何變更都不會再反映在這些檔案中。

若要在2015年7月31日之後對您的網站部署其他變更,您必須選取我們的其他代管選項之一。 自行代管(FTP傳送或程式庫下載)向來是建議的最佳實務,但我們的第三方Akamai代管也是世界級的選項。

Akamai 快取控制標題

Cache control headers are automatically set for libraries hosted on Akamai (assets.adobedtm.com).

  • 生產組建:快取控制標題設定為 60 分鐘
  • Staging builds with -staging in the filename: Cache control headers are set to 0 minutes
注意

由瀏覽器決定是否接收及保留快取控制標題。有些瀏覽器可能會選擇忽略。

為何選擇Akamai代管?

當您在「動態標籤管理」的「內嵌」區段中選擇「Akamai」選項時,表示您的「動態標籤管理」程式庫檔案會從Adobe的Edge CDN(執行於Akamai架構)提供給您的訪客。

提供內容給全域、大量的 Web 訪客觀眾使用時,Akamai 極為穩健。Akamai 會執行負載平衡、地理最佳化節點的備援網路,以盡快將內容提供給世界各地的訪客。

具體來說,Akamai 在 87 個國家/地區中超過 1,150 個網路上執行超過 137,000 部伺服器。就備援而言,Akamai不僅會從一部伺服器路由至另一部伺服器,Akamai也會視需要從一部伺服器的節點路由至另一部伺服器。 換言之,每個節點都由多個伺服器組成,以便在節點內實現冗餘,因此關閉一個框並不是問題,因為節點中的其他框會接管。 如果節點關閉,Akamai 將會從最鄰近的一個節點使用相同的快取內容提供內容。節點會根據訪客位置、流量負載和其他因素動態選取,因此每個訪客都能從最佳本機節點一致地提供內容。

如果Akamai無法使用,我可以避免錯誤嗎?

不能。如果程式庫無法使用,動態標籤管理在用戶端無法執行任何動作。 不過,Akamai不太可能無法使用。

從Amazon S3移轉至Akamai

從Amazon S3代管移轉至Akamai,方法是取代Amazon S3代碼。

注意

自2015年7月31日起,Adobe不再支援Amazon S3。 您在Amazon S3上的動態標籤管理程式庫將持續提供至2015年12月31日,但為唯讀狀態。 在「動態標籤管理」中所做的任何變更都不會再反映在這些檔案中。

若要在2015年7月31日之後對您的網站部署其他變更,您必須選取我們的其他代管選項之一。 自行代管(FTP傳送或程式庫下載)向來是建議的最佳實務,但我們的第三方Akamai代管也是世界級的選項。

  1. Navigate to the Embed tab.

  2. 將您現有的Amazon S3標題代碼取代為新的Akamai標題代碼。

    頁尾代碼中不需要變更。

  3. 按一 Akamai 下位 On 置。

    步驟結果

  4. 按一下位 Amazon S3 置的選 Off 項。

    注意

    停用Amazon S3後,就無法再使用Amazon S3代管。 在關閉Amazon S3之前,請確定您不再需要它。

    動態標籤管理中的Akamai代管可獨立於您目前用於網站的任何Akamai代管運作。

FTP

本節提供使用FTP(方法)部署動態標籤管理 push 的步驟。

「FTP傳送」托管選項可讓您自行托管程式庫檔案。 當授權的動態標籤管理使用者在軟體中進行變更時,動態標籤管理會將這些變更寫入程式庫檔案。 當您使用此選項在伺服器上裝載程式庫檔案時,動態標籤管理必須將這些變更取得至您的伺服器。 使用「FTP傳送」托管選項,動態標籤管理會使用您輸入系統的憑證和伺服器位置,連線至您的系統,並傳送任何變更的檔案。 如此一來,每當在「動態標籤管理」中進行變更時,您托管在伺服器上的檔案就會自動更新。

您必須是管理員才能透過FTP進行部署。

  1. In the web property, click the Embed tab.

  2. 按一下「FTP Delivery」。

  3. 提供測試和生產伺服器所需的FTP資訊,然後按一下 Save FTP Information

    注意

    視需 Enable Relative Hostnames for Staging and Production Library Hosting​要按一下。 啟用相對主機名稱會以"window.location.hostname"來前置提供的程式庫路徑。 這可讓DTM從相對路徑載入代管指令碼,讓您不需編輯每個部署的路徑,即可托管程式庫。

  4. 將右上角的開關切換為 ON

  5. 按一 Header Code 下並 Footer Code 展開這些區段。

  6. 按一下適當 Copy Embed Code 的按鈕,以複製您測試或開發環境的頁首和頁尾代碼。

    注意

    測試程式碼應僅能進入測試或開發環境。 生產程式碼應放在即時生產網站上。

  7. 複製頁首代碼,並將其放置在網站HTML的HEAD區段中,位於網站的每個頁面。 將它放置在最靠近開 <head> 頭標籤的位置。

  8. 複製頁尾代碼,並將其放置在網站每個頁面上網站HTML的BODY區段中。 將它放置在最靠近結束標 </body> 簽的位置

Library download

本節提供使用程式庫下載(方法)部署動態標籤管理 pull 的步驟。

「程式庫下載」托管選項也可讓您自行托管程式庫檔案。 當授權的動態標籤管理使用者在軟體中進行變更時,動態標籤管理會將這些變更寫入程式庫檔案。 當您使用此選項在伺服器上裝載程式庫檔案時,動態標籤管理必須將這些變更取得至您的伺服器。 使用「程式庫下載」托管選項,動態標籤管理會傳送ping(HTTP貼文)至您的系統,讓您的伺服器知道程式庫檔案已有更新。 您的IT團隊可以建立cron作業或其他指令碼處理,讓您的伺服器可以擷取變更的檔案。 如此一來,每當在「動態標籤管理」中進行變更時,您托管在伺服器上的檔案就會自動更新。

您必須是管理員才能使用「程式庫下載」進行部署。

  1. In the web property, click the Embed tab.

  2. Click Library Download in the left navigation.

  3. 填寫下列其中一個或兩個選用欄位:

    選項 說明
    共用密碼 在下載期間加密動態標籤管理程式庫。 如果您輸入共用密碼,則會使用AES-256來使用此密碼來加密。zip檔案。
    部署掛接URL 每當有更新時,將動態標籤管理檔案部署至伺服器的程式都可自動化。 建立可透過指定之公用URL存取的指令碼。 如果您輸入部署掛接URL,則每次成功更新包時都會對其進行HTTP POST。 貼文的內文包含包含搭售下載URL的裝載。
  4. 完成下方的欄 Domain and Paths to Tracking File位,以進行測試和生產。

    指定檔案部署至伺服器時所在的位置。 請勿包含通訊協定或任何前導或尾隨斜線。 「動態標籤管理」需要HTTP或HTTPS的網域和路徑,以用於生產和測試環境。

    注意

    視需 Enable Relative Hostnames for Staging and Production Library Hosting​要按一下。 啟用相對主機名稱會以提供的程式庫路徑為前提 window.location.hostname。 這可讓DTM從相對路徑載入代管指令碼,讓您不需編輯每個部署的路徑,即可托管程式庫。

  5. 從相應環境(測試或生產)的指定URL下載檔案,並將它們部署至設定中指定的位置。

  6. 按一下 Header CodeFooter Code 區段。

  7. 按一下適當 Copy Embed Code 的按鈕,以複製您測試或開發環境的頁首和頁尾代碼。

    注意

    測試程式碼應僅能進入測試或開發環境。 生產程式碼應放在即時生產網站上。

  8. 複製頁首代碼,並將其放置在網站HTML的HEAD區段中,位於網站的每個頁面。 將它放置在最靠近開 <head> 頭標籤的位置。

  9. 複製頁尾代碼,並將其放置在網站每個頁面上網站HTML的BODY區段中。 將它放置在最靠近結束標 </body> 簽的位置

本頁內容