將Search&Promote功能新增至您的頁面

若要將Search&Promote功能整合在您的網站中,請使用Search&Promote元件將下列功能新增至您的頁面:

  • 關鍵字搜尋
  • 搜尋結果頁面
  • 搜尋調整
  • 橫幅

請注意,您只有在AEM管理員已啟用Search&Promote功能時,才能使用這些功能。 請參閱與Adobe Search&Promote整合

Facet是在Search&Promote伺服器上設定,每個元件提供的資訊也是一樣。 下表提供每個元件的簡短說明。 後續章節提供其使用的詳細資訊。

Search&Promote元件 說明
橫幅 顯示橫幅廣告。 橫幅是根據透過Search&Promote收集的資料來選取。
階層連結 顯示搜尋關鍵字以及使用者已套用至搜尋結果的篩選順序。
核取方塊清單-Facet 選取Facet以篩選搜尋結果的核取方塊清單。
下拉式清單 Facet 篩選搜尋結果的Facet下拉式清單。
連結清單 Facet 篩選搜尋結果的Facet連結清單。
分頁 控制在搜尋結果頁面中導覽。
結果 顯示關鍵字搜尋的結果。
搜尋 新增搜尋欄位至頁面。

建立搜索結果頁

使用WCM網站主控台建立顯示搜尋結果的頁面。 如果搜尋元件使用相同的Search&Promote服務,其搜尋結果會顯示在此頁面上。

可讓使用者檢閱搜尋結果的元件包括「結果」和「分頁」。 Results​元件在「編輯」或「設計」模式下沒有可配置屬性。 「結果」元件只會列出搜尋結果,其中提供其他頁面的連結,並顯示搜尋關鍵字的結果數。

srresultscomp

編頁​元件可讓使用者導覽多頁搜尋結果。 使用者可以查看頁數、移至下一頁或上一頁、選擇要開啟的頁面,或將所有結果合併至一頁。

srchpagenation

您可以在「編輯」模式中設定下列元件屬性,以控制執行時期行為:

  • 隱藏單一結果頁面:選取此選項,可在搜尋傳回單一結果頁面時隱藏頁面導覽控制項。
  • Hide First/Last:選取此選項可防止使用者跳至結果的第一頁或最後一頁。
  • 隱藏上一頁/下一頁:決定使用者是否可以相對於目前頁面導覽結果頁面。
  • 全部隱藏檢視:判斷使用者是否可以合併單一頁面上的所有搜尋結果。 通常,提供分頁資料可以更有效地使用伺服器資源。 選擇此選項可防止在一條響應消息中傳輸大型資料集。

啟用按刻面篩選結果

您可讓使用者依刻面篩選搜尋結果。 核取方塊清單Facet下拉式Facet​和​連結清單Facet​元件可讓使用者選取一或多個Facet進行篩選。 使用這些元件時,您也應包含​Breadcrumbs​元件。 階層連結會指出目前使用的篩選條件。

核取方塊清單Facet下拉式Facet​和​連結清單Facet​元件,每個元件都具有您在​編輯​模式中設定的下列屬性:

  • Facet名稱:用於篩選器的Facet名稱。

核取方塊清單Facet​元件會顯示Facet清單及隨附的核取方塊。 使用「核取方塊清單Facet」(Checkbox List Facet),讓使用者可以檢視包含多個Facet項目之結果的子集。 例如,Brand facet是適當的,因為數個品牌提供相同類型的產品。

每個與搜尋結果相關聯的Facet會出現核取方塊。 當使用者選取核取方塊時,頁面會重新載入更新的結果集。 所有核取方塊都會保留在頁面上,讓客戶可以隨時將Facet新增或移除至篩選器:

sandpcheckboxcomp

下拉式Facet​元件可讓客戶從下拉式清單中選取Facet項目。 當您希望客戶一次將注意力集中在單一Facet項目時,此元件很實用。 例如,「部門」面適合讓客戶依性別縮小產品搜尋範圍。 John會搜尋​jeans,然後在男性部門搜尋濾鏡。

下拉式清單中會填入與所有搜尋結果相關聯的刻面。 在下拉式清單中選取項目時,頁面會重新載入更新的結果集。 下拉式清單中的項目不會變更,因此客戶可以隨時從Facet切換至Facet。

sanddropdowndepartment

連結清單Facet​元件可讓客戶逐步縮小對分類在多個Facet成員或Facet下的項目的關注。

Facet成員會以連結清單的形式顯示。 每個連結的文字是與目前搜尋結果相關聯之Facet成員的名稱。 當客戶按一下Facet連結時,頁面會重新載入,並顯示搜尋結果的子集。 相應地更新鏈路清單,使得聚焦更窄。

sandplinklistcomp

當從不同類型的Search&Promote元件套用篩選時,清單中的連結也會變更。 使用多種類型的篩選元件可提供有效的篩選組合。

Breadcrumbs​元件可讓客戶依套用順序查看目前套用至搜尋結果的篩選器。 客戶可以按一下階層連結中的項目,以回復至該篩選組合。

sandbreadcrumbcomp

您可以在「編輯」模式中為Breadcrumbs設定下列屬性,以自訂元件的外觀:

  • 分隔字元:定義字元或字元字串,作為每個階層連結之間的分隔字元。 分隔字元欄位可接受任何字元字串作為輸入。 預設設定為:">"(不含引號)
  • 尾隨分隔字元:定義要顯示在階層連結結尾的字元或字元字串。 「追蹤分隔字元」欄位接受任何字元字串作為輸入。 此預設設定為blank(亦即,階層連結行的尾端不會顯示任何內容)

添加搜索框

搜尋元件可讓客戶執行關鍵字搜尋。 將「搜尋」元件新增至您要提供搜尋存取權的每個頁面。

在「編輯」模式中設定下列屬性,以控制執行時期行為:

  • 結果頁面路徑:顯示搜尋結果之頁面的路徑。
  • 啟用自動完成:選取此選項,可在客戶開始在搜尋方塊中輸入時顯示建議的搜尋關鍵字。

sandsearchcomp

新增橫幅

橫幅元件會根據客戶的Search&Promote搜尋顯示橫幅廣告。 Search&Replace伺服器上的邏輯會決定要顯示哪個橫幅。 例如,在牛仔褲上搜尋可能會導致出現與時尚相關的橫幅。 在男子部門過濾可以進一步細化橫幅的選擇。

Banners元件提供一個名為Banner Area的可配置屬性。 在「編輯」模式中,選擇一個屬性值以指定橫幅的顯示方式。 Search&Promote服務會決定您可從中選取的值清單。

Search&Promote搜尋頁面範例

此圖表顯示新增至頁面以建立功能完整的Search&Promote結果頁面的元件。

1328213789109標 準範例

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now