控制面板

使用AEM時,您可以管理許多不同類型的內容(例如頁面、資產)。 AEM儀表板提供簡單易用且可自訂的方式,來定義顯示整合資料的頁面。

注意

AEM控制面板是依每位使用者而建立,因此使用者只能存取其專屬的控制面板。

但是,控制面板範本可用於共用常用組態和控制面板配置。

chlimage_1-22

管理控制面板

建立控制面板

要建立新控制面板,請按如下步驟進行:

  1. 在​工具​區段中,按一下​配置控制台

  2. 在樹狀結構中,按兩下​儀表板

  3. 按一下「新增控制面板」。

  4. 鍵入​Title(例如,我的儀表板)和​Name

  5. 按一下​建立

克隆控制面板

您可能想要擁有多個控制面板,以便從不同檢視中快速查看您的內容相關資訊。 為協助您建立新的控制面板,AEM提供可用來複製現有控制面板的仿製功能。 若要複製控制面板,請依下列步驟進行:

  1. 在​工具​區段中,按一下​配置控制台

  2. 在樹中,按一下​儀表板

  3. 按一下您要複製的控制面板。

  4. 按一下​克隆

  5. 鍵入新控制面板的​名稱

移除控制面板

  1. 在​工具​區段中,按一下​配置控制台

  2. 在樹中,按一下​儀表板

  3. 按一下您要刪除的控制面板。

  4. 按一下​刪除

  5. 按一下​​確認。

控制面板元件

概覽

控制面板元件只是一般AEM元件。 本節說明AEM隨附的報表元件。

Web Analytics報表元件

AEM隨附一組元件,可呈現您SiteCatalyst資料的多個量度。 這些元件會列在​Dashboard​區段下的Sidekick中。

每個報表元件至少提供三個標籤:

  • 基本:包含主配置。

  • 報表: 包含每個報表的特定設定。

  • 樣式:包含樣式設定,例如圖表大小和邊界。

報表元件會以預設設定初始化,以協助您快速設定控制面板。

基本配置

Basic​頁籤提供對以下配置項的訪問:

題顯示在控制面板上的標題。

請求 類型請求資料的方式。

SiteCatalyst設定(選用) 您要用來連線至SiteCatalyst的設定。如果未提供,則假定在「儀表板」頁面(通過頁面屬性)上配置配置。

報表套裝ID(選用) 您要用來產生圖形的SiteCatalyst報表套裝。

報告配置

若要顯示Web統計資料,您必須定義您要擷取之資料的日期範圍。 報表​標籤提供兩個欄位來定義該範圍。

注意

設定較大的日期範圍可降低控制面板的回應速度。

中擷取資料的日期FromAbsolute或相對日期。

Date ToAbsolute或擷取資料的相對日期。

每個元件也定義特定的設定。

超時報表

chlimage_1-26

X軸 的日期精細度時間單位(例如日、小時)。

量您要顯示的事件清單。

素劃分圖表中量度資料的元素清單。

排名清單報表

chlimage_1-27

素劃分圖表中量度資料的元素。

量您要顯示的事件。

否. 排名最前的項目​報表顯示的項目數。

排名報表

chlimage_1-28

量您要顯示的事件。

素劃分圖表中量度資料的元素。

主要網站區域報表

此元件會根據下列設定顯示一個圖形,顯示網站較常瀏覽的區段。

chlimage_1-21

否. 排名最前的項目​報表中顯示的區段數。

趨勢報表

chlimage_1-30

X軸 的日期精細度時間單位(例如日、小時)。

量您要顯示的事件。

素劃分圖表中量度資料的元素。

擴充控制面板

概覽

控制面板是一般頁面(cq:Page),因此,任何元件都可用來組合控制面板。

預設的元件群組Dashboard包含分析報表元件,預設會在範本上啟用。

建立控制面板模板

範本會定義新控制面板的預設內容。 您可以使用數個範本來建立不同類型的控制面板。

控制面板範本的建立方式與其他頁面範本類似,但是這些範本會儲存在/libs/cq/dashboards/templates/下。 請參閱建立內容頁面範本一節。

注意

控制面板範本會在使用者之間共用。

開發控制面板元件

開發控制面板元件包括建立一般AEM元件。 本節說明顯示前10名貢獻者的元件範例。

chlimage_1-31

頂層作者元件儲存在/apps/geometrixx-outdoors/components/reporting的儲存庫中,由以下組成:

  1. jsp檔案,可讀取jcr資料並定義html預留位置。

  2. 包含一個js檔案的用戶端程式庫,可讀取並排序資料,然後填入html預留位置。

chlimage_1-32

以下Javascript檔案在geout.reporting.topauthors 用戶端程式庫中定義為元件本身的子系。

QueryBuilder用於查詢儲存庫以讀取cq:AuditEvent節點。 查詢結果是擷取作者貢獻的JSON物件。

top_authors.js

$.ajax({
  url: "/bin/querybuilder.json",
  cache: false,
  data: {
       "orderby": "cq:time",
       "orderby.sort": "desc",
       "p.hits": "full",
       "p.limit": 100,
       "path": "/var/audit/com.day.cq.wcm.core.page/",
       "type": "cq:AuditEvent"
   },
  dataType: "json"     
}).done(function( res ) {
    var authors = {};
    // from JSON to Object
    for(var r in res.hits) {
        var userId = res.hits[r].userId;
        if(userId == undefined) {
            continue;
        }
        var auth = authors[userId] || {userId : userId};
        auth.contrib = (auth.contrib || 0) +1;
        
        authors[userId] = auth;
    }
    
    // order by contribution
    var orderedByContrib = [];
    for(var a in authors) {
        orderedByContrib.push(authors[a]);
    }
    orderedByContrib.sort(function(a,b){return b.contrib - a.contrib});
    
    // produce the list
    for (var i=0, tot=orderedByContrib.length; i < tot; i++) {
        var current = orderedByContrib[i];
        $("<div> #" + (i + 1) +" "+ current.userId + " (" + current.contrib +" contrib.)</div>").appendTo("#authors-list");

    }
});  

JSP包括global.jspclientlib

top_authors.jsp

<%@page session="false" contentType="text/html; charset=utf-8" %><%
%><%
%><%@include file="/libs/foundation/global.jsp?lang=zh-Hant" %><%
%>
<ui:includeClientLib categories="geout.reporting.topauthors" />
<%
String reportletTitle = properties.get("title", "Top Authors");
%>
<html>
     <h3><%=xssAPI.encodeForHTML(reportletTitle) %></h3>
     <div id="authors-list"></div>
</html>

本頁內容

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