輪播橫幅可讓行銷人員輕鬆建立互動式輪播促銷內容,並將其傳送至任何熒幕,進而推動轉換。
建立和修改促銷橫幅中的特色內容可能很耗時,限制您快速發佈新內容或使其更具針對性的能力。 輪播橫幅可讓您快速建立或修改旋轉橫幅,並新增互動功能,例如連結至產品詳細資料或相關資源的熱點。 您可以在任何熒幕上提供這些內容,讓您更快將新的促銷內容推向市場。
輪播橫幅由具有單字的橫幅指定 輪播集:
在您的網站上,輪播橫幅看起來可能如下所示:
您可以在此處選取數字來瀏覽影像。 此外,幻燈片會根據您可以自訂的時間間隔自動旋轉。 轉盤橫幅中的影像同時支援熱點與影像地圖。 使用者可以選取或前往超連結或存取快速檢視視窗。
在此範例中,使用者已選取影像地圖並存取手套的「快速檢視」視窗:
觀看逐步解說 輪播橫幅的建立方式 (持續時間: 10分33秒)。 您也會瞭解如何預覽、編輯和傳送輪播橫幅。
必須將非管理使用者新增至 dam-users 群組才能建立或編輯輪播橫幅。 如果您在建立或編輯時遇到問題,請洽詢您的系統管理員,由他們為您新增 dam-users 群組。
快速上手並執行:
識別熱點和影像地圖變數 (僅適用於使用Adobe Experience Manager Assets + Dynamic Media的客戶)
首先,識別現有快速檢視實施所使用的動態變數。 這麼做可協助您在Experience Manager Assets中的轉盤橫幅建立程式期間,正確輸入熱點和影像地圖資料。
可選:視需 要建立轉盤集檢視器預設。
如果您是管理員,可以建立自己的轉盤檢視器預設集,以自訂轉盤的行為和外觀。 主要優點在於您可以針對多個輪播重複使用此自訂檢視器預設集。 不過,使用者在製作輪播時,可以選擇直接自訂輪播的行為和外觀。 如果您想要為指定的輪播使用特定的設計,建議使用此方法。
上傳您想要互動的影像橫幅。
在「輪播集」中,使用者可瀏覽橫幅影像,並選取熱點或影像地圖以存取相關內容。
若要在資產中建立轉盤集,請選取「 」 建立,然後選取 傳送集. 將資產新增至投影片並選取 儲存. 您也可以直接在編輯器中編輯轉盤的外觀和行為。
新增一或多個熱點或影像地圖至影像橫幅。 然後,將每個專案與連結、快速檢視或體驗片段等動作建立關聯。 新增熱點或影像地圖後,您可以發佈轉盤集來完成此工作。 發佈作業會建立內嵌程式碼,您可將其複製並套用至網站登陸頁面。
另請參閱 (選用)預覽輪播橫幅 — 選擇性。 如有需要,您可以檢視轉盤集的表示並測試其互動性。
您可以像發佈任何資產一樣發佈轉盤集。 在「資產」中,導覽至「轉盤集」並選取,然後選取 發佈. 發佈轉盤集時會啟用URL和內嵌字串。
執行下列任一項作業:
新增輪播橫幅至您的網站頁面您可以將已複製的輪播橫幅URL或內嵌程式碼新增至網站頁面。
在Experience Manager中將輪播橫幅新增至您的網站. 如果您是Experience Manager Sites客戶,可以使用互動式媒體元件,直接將輪播集新增至頁面。
如果您必須編輯轉盤集,請參閱 編輯輪播集. 此外,您也可以檢視和編輯 傳送集屬性.
首先,識別現有快速檢視實施所使用的動態變數。 此方法可協助您在Experience Manager Assets中的轉盤集建立程式期間正確輸入熱點或影像地圖資料。
當您將熱點或影像地圖新增至橫幅影像時,您會指派SKU (庫存單位)。 您也可以將選用的額外變數指派給每個熱點或影像地圖。 這類變數稍後會用於比對熱點或影像地圖與快速檢視內容。
請務必正確識別要與熱點或影像地圖資料產生關聯的變數數量和型別。 新增至橫幅影像的每個熱點或影像地圖都必須包含足夠的資訊,以明確識別現有後端系統中的產品。 同時,請確定每個熱點或影像地圖包含的資料不超過必要的數量。 原因是因為這會使資料輸入程式過於複雜,且進行中的熱點或影像地圖管理更容易出錯。
有不同的方法可識別一組變數,以用於熱點或影像地圖資料。
有時只要諮詢負責現有Quickview實作的IT專家就足夠了。 他們可能會知道系統中用於識別快速檢視的最小資料集為何。 但是,也可以只分析前端計畫碼的現有行為。
大部分的「快速檢視」實作都使用下列範例:
接著,方法就是造訪已實作「快速檢視」功能的現有網站的不同區域。 然後觸發Quickview並取得網頁傳送的Ajax URL,以載入Quickview資料或內容。
通常您不需要使用任何專門的偵錯工具。 現代的網頁瀏覽器提供可完成適當工作的網頁檢查工具。 以下是一些包含網頁檢查器的網頁瀏覽器範例:
在瀏覽器中開啟網路監視時,會觸發頁面上的快速檢視。
現在,請在網路記錄檔中找到「快速檢視Ajax URL」,並複製記錄的URL以供日後分析。 通常,當您觸發「快速檢視」時,會有許多要求傳送至伺服器。 通常,快速檢視Ajax URL是清單中的第一個專案。 它具有複雜的查詢字串部分或路徑,並且其回應MIME型別是 text/html
, text/xml
,或 text/javascript
.
在此過程中,請務必使用不同的產品類別和型別,造訪您網站的不同區域。 原因在於「快速檢視URL」具有指定網站類別的共同部分,但只有在您造訪網站的其他區域時才會變更。
最簡單的情況是,快速檢視URL中的唯一變數部分是產品SKU。 在此情況下,SKU值是您在橫幅影像中新增熱點或影像地圖時唯一需要的資料片段。
不過,在複雜的情況下,除了SKU之外,快速檢視URL還有不同的變數元素。 其中一些元素包括類別ID、顏色代碼、大小代碼等。 在這種情況下,每個元素都是熱點中的獨立變數,或是輪播橫幅功能中的影像地圖資料定義。
請考量下列快速檢視URL範例及其產生的熱點或影像地圖變數:
單一SKU,可在查詢字串中找到。 | 記錄的「快速檢視URL」包含以下專案:
URL中的唯一變數部分是 |
在URL路徑中找到單一SKU。 | 錄製的快速檢視URL包含以下專案:
變數部分位於路徑的最後一部分,並成為熱點/影像地圖的SKU值: |
查詢字串中的SKU和類別識別碼。 | 記錄的「快速檢視URL」包含以下專案:
在這種情況下,URL中有兩個不同的部分。 SKU會儲存在 因此,熱點/影像地圖定義是配對。 即SKU值和名為的額外變數
|
如果您已上傳要使用的影像,請繼續進行下一個步驟, 建立輪播集. Dynamic Media啟用後,必須上傳轉盤中使用的影像。
若要上傳影像橫幅,請參閱 上傳資產.
必須將非管理使用者新增至 dam-users 群組才能建立或編輯輪播橫幅。 如果您在建立或編輯時遇到問題,請洽詢您的系統管理員,由他們為您新增 dam-users 群組。
若要建立轉盤集:
在「資產」中,導覽至您要建立轉盤集的資料夾,然後前往 建立>傳送集.
在「輪播橫幅編輯器」頁面上,選取「 」 點選以開啟資產選擇器 以選取第一張幻燈片的影像。
在「輪播橫幅編輯器」頁面上,執行下列任一項作業:
在頁面的左上角附近,選取 新增幻燈片 圖示。
在頁面中間附近,選取 點選以開啟資產選擇器.
選取以選取您要納入轉盤集的資產。 選取的資產上面有勾號圖示。 完成後,在頁面的右上角附近,選取 選取.
使用「資產選擇器」,您可以輸入關鍵字並選取 傳回. 您也可以套用篩選條件來調整搜尋結果。您可以依路徑、系列、檔案類型和標籤來篩選。選取篩選,然後選取 篩選 圖示加以檢視。 選取「檢視」圖示並選取 欄檢視, 卡片檢視,或 清單檢視.
另請參閱 使用選取器 以取得詳細資訊。
繼續新增投影片,直到在轉盤集內新增所有要旋轉的影像為止。
(可選)執行下列任一項作業:
如有必要,請拖曳投影片的以重新排序集合清單中的影像。
若要刪除影像,請選取該影像,然後選取 刪除幻燈片 (在工具列中)。
若要套用預設集,在頁面右上角附近,選取預設集下拉式清單,然後選取要一次套用至預設集的預設集。
若要刪除幻燈片,請選取幻燈片。 在工具列上,選取 刪除幻燈片 (在工具列上)。 若要移動幻燈片,請選取重新排序圖示並移至所需位置。
在投影片中新增影像後,您可以在影像中新增熱點、影像地圖,或兩者皆新增。 另請參閱 將熱點或影像地圖新增至影像橫幅.
您可以變更轉盤集的視覺設計和行為。 選取 行為 和 外觀 標籤。 另請參閱 管理檢視器預設集 有關如何使用檢視器編輯器的詳細資訊。
對於輪播橫幅,您可以調整以下內容:
您也可以預覽轉盤橫幅的外觀。 另請參閱 (選用)預覽輪播橫幅.
選取 儲存 完成後。
您可以使用轉盤集編輯器將熱點或影像地圖新增至橫幅。
新增熱點或影像地圖時,可將它們定義為快速檢視快顯視窗、超連結或體驗片段。
另請參閱 體驗片段.
將檢視器內嵌於體驗片段時,不支援輪播橫幅中的社群媒體分享工具。
若要解決此問題,您可以使用或建立沒有社群媒體分享工具的檢視器預設集。 這類檢視器預設集可讓您成功將其嵌入體驗片段中。
當您新增熱點或影像地圖至影像時,請記得儲存作業。 在您目前的建立/編輯工作階段期間,支援頁面右上角附近的「還原」和「重做」選項。
當您完成建立轉盤橫幅時,您可以選擇使用「預覽」來檢視向客戶呈現轉盤橫幅的顯示方式。
另請參閱 (選用)預覽輪播橫幅.
當您將熱點新增至影像橫幅時,熱點資訊會儲存在相同的中繼資料位置(相對於影像的位置)。 無論它是互動式影像還是輪播橫幅,這點皆為真。 這項功能表示您可以在任一檢視器中輕鬆重複使用相同的影像,及其定義的熱點資料。
但是請注意,轉盤橫幅支援影像地圖,該影像也可能包含熱點;互動式影像則否。 如果您打算建立使用相同影像的互動式影像或輪播橫幅,請記住此秘訣。 請考慮改用相同影像的個別復本來建立互動式影像和輪播橫幅。
如果您使用熱點編輯互動式影像並裁切影像,則會移除熱點。
若要將熱點或影像地圖新增至影像橫幅:
在Assets中,導覽至您想要產生互動式效果的轉盤集。
選取輪播集並選取 編輯. 「輪播檢視器」編輯器隨即開啟。
選取您要讓幻燈片互動的幻燈片。
在頁面的左上角附近,選取 熱點 或 影像地圖.
執行下列任一項作業:
如有必要,請將熱點或影像地圖拖曳到新位置。 或者,使用鍵盤方向鍵來控制所選連結區的位置。 視需要新增更多熱點或影像地圖。
若要刪除熱點或影像地圖,請選取 動作 標籤。 在 地圖與熱點 標題,從 選取的型別 下拉式清單,選取您要移除的熱點或影像對映名稱。 選取 垃圾桶 圖示並選取「 」 刪除.
在「名稱」文字欄位中,輸入熱點或影像對映的名稱。 此名稱也會出現在 地圖和熱點 下拉式清單。 提供名稱可讓您日後決定變更熱點或影像地圖時,輕鬆識別熱點或影像地圖。
請執行以下任一項作業: 動作 標籤:
選取 快速檢視.
如果您是Experience Manager Sites ,選取「產品挑選器」圖示(放大鏡)以開啟「選取產品」頁面。 若要返回「轉盤橫幅編輯器」,請選取您要使用的產品,然後選取頁面右上角的核取標籤。
如果您不是Experience Manager Sites 客戶:
選取 超連結.
如果您是Experience Manager Sites客戶,請選取「網站選擇器」圖示(資料夾)以導覽至URL。
如果您的互動式內容具有具有具有相對URL的連結,尤其是指向Experience Manager Sites頁面的連結,則無法採用URL型連結方法。
如果您是獨立客戶,請在href文字欄位中指定連結網頁的完整URL路徑。
請務必指定要在新的瀏覽器分頁(建議的預設值)或相同的分頁中開啟連結。
另請參閱 使用選取器 以取得詳細資訊。
選取 體驗片段.
如果您是Experience Manager Sites客戶,請選取「搜尋」圖示(放大鏡)以開啟「體驗片段」頁面。 若要返回「熱點」管理頁面,請選取您要使用的體驗片段,然後在該頁面的右上角選取「 」 選取.
另請參閱 體驗片段.
指定體驗片段出現在橫幅上的寬度和高度。
將檢視器內嵌於體驗片段時,不支援輪播橫幅中的社群媒體分享工具。
若要解決此問題,您可以使用或建立沒有社群媒體分享工具的檢視器預設集。 這類檢視器預設集可讓您成功將其嵌入體驗片段中。
您也可以預覽轉盤橫幅的外觀。 另請參閱 (選用)預覽輪播橫幅.
選取儲存。
發佈輪播集。 發佈作業會建立您可在網站頁面上使用的內嵌程式碼或URL。 如果您是Experience Manager Sites客戶,請直接將輪播集新增至您的網頁。
另請參閱 發佈資產.
另請參閱 新增輪播集至您的網站登陸頁面
必須將非管理使用者新增至 dam-users 群組才能建立或編輯輪播橫幅。 如果您在建立或編輯時遇到問題,請洽詢您的系統管理員,由他們為您新增 dam-users 群組。
您可以在「轉盤集」上執行各種編輯工作,例如:
若要編輯傳送集:
執行下列任一項作業:
暫留在轉盤集資產上,然後選取「 」 編輯 (鉛筆圖示)。
暫留在轉盤集資產上,選取 選取 (勾選標籤圖示),然後在工具列上選取 編輯.
選取「轉盤集」資產,然後在頁面的左上角選取 編輯 (鉛筆圖示)。
若要編輯轉盤集,請執行下列任一項作業:
如果您使用熱點編輯互動式影像並裁切影像,則會移除熱點。
您可以使用「預覽」來檢視傳送橫幅給客戶的顯示方式。 使用「預覽」也可讓您測試輪播橫幅的熱點和影像地圖,以確保其行為符合預期。
當您滿意輪播橫幅時,可以將其發佈。
另請參閱 將視訊或影像檢視器內嵌在網頁上.
另請參閱 將URL連結至您的網頁應用程式. 如果您的互動式內容具有具有具有相對URL的連結,尤其是指向Experience Manager Sites頁面的連結,則無法採用URL型連結方法。
另請參閱 將Dynamic Media資產新增至頁面.
您可以從輪播編輯器(偏好方法)預覽輪播橫幅,或從 檢視者 清單。
若要選擇性預覽輪播橫幅,請執行下列動作:
在 資產,導覽至您建立的現有輪播橫幅,並選取以開啟它。
選取編輯。
在工具列右角的檢視器預設集清單中,選取檢視器以預覽輪播橫幅。
選取 預覽.
若要測試其相關動作,請選取影像上的熱點或影像地圖。
若要從「檢視器」清單預覽輪播橫幅:
若要使用輪播,您必須將其發佈。 發佈轉盤集時會啟用URL和內嵌程式碼。 此外也會將輪播發佈至Dynamic Media雲端,此雲端已與CDN整合,可提供可擴充且優異的傳送效能。
如果您針對轉盤橫幅使用具有熱點的現有互動影像,則必須在發佈轉盤橫幅後個別發佈互動影像。
此外,如果您修改轉盤橫幅中預先存在的已發佈互動影像,請發佈互動影像,以便這些變更會反映在轉盤橫幅中。
另請參閱 發佈Dynamic Media資產 以取得如何發佈輪播橫幅的資訊。
上傳橫幅影像以建立轉盤後,新增熱點或影像地圖(或兩者)至橫幅。 已發佈輪播集。 您現在已準備好將其新增至您現有的網站頁面。
如果您是Experience Manager Sites客戶,您可以將互動式媒體元件拖曳至頁面,直接將輪播橫幅新增至頁面。 另請參閱 將Dynamic Media資產新增至頁面.
不過,如果您是獨立的Experience Manager Assets客戶,可以手動將輪播橫幅新增至您的網站登陸頁面。
複製已發佈轉盤集的內嵌程式碼。
另請參閱 將視訊或影像檢視器內嵌在網頁上.
將您從Experience Manager Assets複製的內嵌程式碼新增至網頁。
複製的內嵌程式碼會回應,因此會自動配合頁面的內嵌區域。
注意:此步驟僅適用於獨立的Experience Manager Assets客戶。
此程式的最後一步是將轉盤橫幅與網站上現有的快速檢視實作整合。 每個快速檢視實作都是獨一無二,而且需要特定方法,通常需要前端IT人員的協助。
現有的「快速檢視」實作通常代表一連串在網頁上發生的相互關聯動作,順序如下:
這些呼叫不代表網頁邏輯可從任意步驟呼叫的獨立公用API呼叫。 而是鏈結式呼叫,每個下一個步驟都隱藏在上一個步驟的最後一個階段(回呼)中。
在輪播橫幅取代步驟1和部分步驟2的同時,當使用者選擇熱點或影像地圖時,此類互動由檢視器處理。 檢視器會將事件傳回至包含先前新增之所有熱點或影像地圖資料的網頁。
在此類事件處理常式中,前端程式碼會執行下列動作:
Experience Manager Assets傳回的內嵌程式碼已備有備註的現成可用事件處理常式。
因此,只需取消註解程式碼,並將虛擬處理常式主體取代為特定網頁專用的程式碼。
建構快速檢視URL的程式與用來識別先前涵蓋的熱點和影像地圖變數的程式相反。
另請參閱 識別熱點和影像地圖變數.
觸發快速檢視URL和啟動快速檢視面板的最後一個步驟,很可能需要您IT部門的前端IT人員的協助。 他們深知如何透過適當的步驟正確觸發快速檢視實施,並擁有現成的快速檢視URL。
另請參閱 使用Quickview建立自訂快顯視窗®.