ClientContext

注意

客戶端上下文已被ContextHub取代。 如需詳細資訊,請參閱相關的[configuration]ch-configuring.md)和developer檔案。

「用戶端內容」是一種機制,可提供您目前頁面和訪客的特定資訊。 可使用​Ctrl-Alt-c(windows)或​control-option-c(Mac)開啟:

發佈與製作環境中,都會顯示以下相關資訊:

  • 訪客;根據您的執行個體,會要求或衍生特定資訊。
  • 頁面標籤以及目前訪客存取這些標籤的次數(當您將滑鼠移至特定標籤上方時,就會顯示)。
  • 頁面資訊。
  • 技術環境資訊;例如IP位址、瀏覽器和螢幕解析度。
  • 目前已解析的任何區段。

圖示(僅限製作環境中使用)可讓您設定用戶端內容的詳細資訊:

可用客戶端上下文元件

「客戶端上下文」可以顯示以下屬性(,具體取決於使用Edit選擇的內容):

瀏覽 者資訊顯示下列用戶端資訊:

  • IP地址
  • ​用於搜尋引擎反向連結的關鍵字
  • 使用的​browser
  • 使用的​OS(作業系統)
  • 螢幕​解析度
  • 滑鼠X​位置
  • 滑鼠Y​位置

動資料流這可提供使用者在各種平台上的社交活動的相關資訊;例如,AEM論壇、部落格、評等等。

​促銷活動可讓作者模擬促銷活動的特定體驗。此元件會覆寫一般促銷活動解析度和體驗選取,以啟用各種排列的測試。

促銷活動解析度通常以促銷活動的優先順序屬性為基礎。 體驗通常會根據區段來選取。

​購物車顯示購物車資訊,包括產品項目(標題、數量、價格格式化等)、解析的促銷活動(標題、訊息等)和憑單(代碼、說明等)。

購物車工作階段存放區也會使用ClientContextCartServlet通知伺服器已解析的促銷變更(根據分段變更)。

用儲存是顯示儲存內容的通用元件。它是通用儲存屬性元件的較低級別版本。

一般存放區必須以JS轉譯器設定,且轉譯器會以自訂方式顯示資料。

通用儲 存屬性是顯示儲存內容的通用元件。它是通用儲存元件的更高級別版本。

「通用儲存屬性」元件包含一個預設的轉譯器,該轉譯器列出配置的屬性(連同縮圖)。

​地理位置顯示用戶端的經緯度。它會使用HTML5地理位置API來查詢瀏覽器的目前位置。 這會導致快顯視窗顯示給訪客,瀏覽器會在快顯視窗中詢問訪客是否同意共用其位置。

在Context Cloud中顯示時,元件會使用Google API將地圖顯示為縮圖。 元件受Google API 使用限制的約束。

注意

在AEM 6.1中,地理位置存放區不再提供反向地理編碼功能。 因此,地理位置存放區不再擷取目前位置的詳細資訊,例如城市名稱或國家/地區代碼。 使用此存放區資料的區段無法正常運作。 地理位置存放區僅包含位置的經緯度。

JSONP儲 存顯示與安裝相關內容的元件。

JSONP標準是JSON的補充,可規避相同的來源政策(使網頁應用程式無法與位於其他網域的伺服器通訊)。 它包含將JSON物件包裝在函式呼叫中,以便能夠從其他網域(這是相同來源原則允許的例外)將其載入為<script>

JSONP儲存區與任何其他儲存區一樣,但它載入來自其他網域的資訊,而不需要擁有代理來取得目前網域的資訊。 請參閱透過JSONP在用戶端內容中儲存資料中的範例。

注意

JSONP儲存區不會快取Cookie中的資訊,但會在每次頁面載入時擷取該資料。

設定 檔資料顯示在使用者設定檔中收集的資訊。例如性別、年齡、電子郵件地址等。

已解 析的區段顯示目前解析的區段(通常取決於用戶端內容中顯示的其他資訊)。這在設定促銷活動時很有意義。

例如,滑鼠當前是位於窗口的左手部分還是右手部分。 此區段主要用於測試,因為可立即看到變更。

交圖表顯示使用者朋友和追隨者的社交圖表。

注意

目前,此示範功能需仰賴示範使用者設定檔節點上預先設定的資料集來運作。 例如,請參閱:

/home/users/geometrixx/aparker@geometrixx.info/profile =>朋友屬性

記雲端顯示在目前頁面上設定的標籤,以及在瀏覽網站時收集的標籤。將滑鼠移至標籤上會顯示目前使用者存取包含該特定標籤之頁面的次數。

注意

在DAM資產上設定的標籤若顯示在已造訪的頁面上,則不會計入。

技術圖 形儲存此元件取決於您的安裝。

​ViewedProducts追蹤購物者已檢視的產品。可以查詢最近查看的產品,或購物車中尚未查看的最近查看的產品。

此會話儲存沒有預設的客戶端上下文元件。

如需詳細資訊,請參閱詳細資訊中的用戶端內容

注意

頁面資料不再是在用戶端內容中作為預設元件。 如有需要,您可以編輯用戶端內容、新增​一般存放區屬性​元件,然後設定此元件,將​存放區​定義為pagedata

更改客戶端上下文配置檔案

客戶端上下文允許您交互更改詳細資訊:

  • 變更用戶端內容中使用的設定檔可讓您查看不同使用者在目前頁面會看到的不同體驗。
  • 除了變更使用者設定檔,您還可以變更一些設定檔詳細資訊,以了解不同條件下的頁面體驗差異。

載入新用戶配置檔案

您可以透過下列任一項來變更設定檔:

完成後,您可以重設設定檔

載入具有載入描述檔圖示的新訪客描述檔

  1. 按一下「載入描述檔」圖示:

  2. 這會開啟對話方塊,您可以在此處選取要載入的設定檔:

  3. 按一下​OK​載入。

使用選擇滑塊載入新用戶配置檔案

您也可以使用選取滑桿選取描述檔:

  1. 連按兩下代表目前使用者的圖示。 選取器將會開啟,使用箭頭來導覽並查看可用的設定檔:

  2. 按一下您要載入的設定檔。 載入詳細資料時,按一下選取器外部以關閉。

將配置檔案重置為當前用戶

  1. 使用重設圖示將用戶端內容中的設定檔傳回給目前使用者的設定檔:

變更瀏覽器平台

  1. 連按兩下代表瀏覽器平台的圖示。 選取器將會開啟,使用箭頭來導覽並查看可用的平台/瀏覽器:

  2. 按一下您要載入的平台瀏覽器。 載入詳細資料時,按一下選取器外部以關閉。

更改地理位置

  1. 連按兩下地理位置圖示。 將會開啟展開的地圖,您可以在此處將標籤拖曳到新位置:

  2. 按一下地圖外部以關閉。

更改標籤選擇

  1. 連按兩下用戶端內容的「標籤雲端」區段。 對話方塊將會開啟,您可在此選取標籤:

  2. 按一下「確定」以載入到客戶端上下文。

編輯客戶端上下文

編輯用戶端內容可用來設定(或重設)某些屬性的值、新增屬性或移除不再需要的屬性。

編輯屬性詳細資訊

編輯用戶端內容可用來設定(或重設)特定屬性的值。 這可讓您測試特定藍本(對segmentationcampaigns特別有用)。

添加屬性元件

開啟​ClientContext設計頁面​後,您也可以使用可用元件​新增​全新屬性(元件會列在sidekick上,或在​拖曳元件或資產至此​方塊後開啟的​插入新元件​對話方塊中):

刪除屬性元件

開啟​ClientContext設計頁面​後,如果不再需要,您也可以​刪除​屬性。 這包括現成可用的屬性;重設​將在移除後恢復這些值。

透過JSONP在用戶端內容中儲存資料

請依照此示例使用JSONP儲存上下文儲存元件將外部資料添加到客戶端上下文。 接著,根據該資料中的資訊建立區段。 此示例使用WIPmania.com提供的JSONP服務。 該服務基於Web客戶端的IP地址返回地理位置資訊。

此範例使用Geometrixx Outdoors範例網站來存取「用戶端內容」並測試建立的區段。 只要頁面已啟用「用戶端內容」,您就可以使用不同的網站。 (請參閱將客戶端上下文添加到頁面。)

添加JSONP儲存元件

將JSONP儲存元件添加到客戶端上下文,並使用它檢索和儲存有關Web客戶端的地理位置資訊。

  1. 開啟AEM製作例項上Geometrixx Outdoors網站的英文首頁。 (https://localhost:4502/content/geometrixx-outdoors/en.html)。

  2. 要開啟「客戶端上下文」,請按Ctrl-Alt-c(windows)或control-option-c(Mac)。

  3. 按一下「客戶端上下文」頂部的編輯表徵圖以開啟「客戶端上下文設計器」。

  4. 將JSONP儲存元件拖曳至用戶端內容。

  5. 按兩下元件以開啟編輯對話方塊。

  6. 在「JSONP服務URL」框中,輸入以下URL,然後按一下「提取儲存」:

    https://api.wipmania.com/jsonp?callback=${callback}

    元件會呼叫JSONP服務,並列出傳回資料包含的所有屬性。 清單中的屬性是那些將在客戶端上下文中可用的屬性。

  7. 按一下「確定」。

  8. 返回Geometrixx Outdoors首頁並重新整理頁面。 用戶端內容現在包含來自JSONP儲存元件的資訊。

建立區段

使用您使用JSONP儲存元件建立的工作階段存放區資料。 區段會使用工作階段存放區的緯度和目前日期,判斷是否為用戶端位置的冬季時間。

  1. 在Web瀏覽器中開啟工具控制台(https://localhost:4502/miscadmin#/etc)。

  2. 在資料夾樹中,按一下「工具/分段」資料夾,然後按一下「新增>新增資料夾」。 指定下列屬性值,然後按一下「建立」:

    • 名稱:mysegments
    • 標題:我的區段
  3. 選取「我的區段」資料夾,然後按一下「新增>新增頁面」:

    1. 在「Title(標題)」中,鍵入Winter。
    2. 選取「區段」範本。
    3. 按一下建立。
  4. 以滑鼠右鍵按一下「冬季」區段,然後按一下「開啟」。

  5. 將「一般商店屬性」拖曳至預設的AND容器。

  6. 按兩下元件以開啟編輯對話框,指定以下屬性值,然後按一下確定:

    • 商店:維馬尼亞
    • 屬性名稱:latitude
    • 運算子:大於
    • 屬性值:30
  7. 將指令碼元件拖曳至相同的AND容器,並開啟其編輯對話方塊。 添加以下指令碼,然後按一下「確定」:

    3 < new Date().getMonth() < 12

本頁內容