Kontrollpaneler dashboards
När du använder AEM kan du hantera flera olika typer av innehåll (till exempel sidor, resurser). AEM Dashboards är ett enkelt och anpassningsbart sätt att definiera sidor som visar konsoliderade data.
Administrera kontrollpaneler administering-dashboards
Skapa en kontrollpanel creating-a-dashboard
- Klicka på Konfigurationskonsol i avsnittet Verktyg.
- Dubbelklicka på instrumentpanelen i trädet.
- Klicka på Ny instrumentpanel.
- Skriv Titel (till exempel Min instrumentpanel) och Namn.
- Klicka på Skapa.
Klona en instrumentpanel cloning-a-dashboard
Du kanske vill ha flera kontrollpaneler för att snabbt se information om ditt innehåll från olika vyer. AEM innehåller en klonfunktion som du kan använda för att duplicera en befintlig Dashboard för att hjälpa dig att skapa en ny Dashboard. Så här klonar du en kontrollpanel:
-
Klicka på Konfigurationskonsol i avsnittet Verktyg.
-
Klicka på Instrumentpanel i trädet.
-
Klicka på den kontrollpanel som du vill klona.
-
Klicka på Klona.
-
Ange namnet för den nya instrumentpanelen.
Ta bort en instrumentpanel removing-a-dashboard
-
Klicka på Konfigurationskonsol i avsnittet Verktyg.
-
Klicka på Instrumentpanel i trädet.
-
Klicka på den kontrollpanel som du vill ta bort.
-
Klicka på Ta bort.
-
Bekräfta genom att klicka på Ja.
Kontrollpanelskomponenter dashboard-components
Ökning overview
Instrumentpanelskomponenter är inget mer än vanliga AEM komponenter. I det här avsnittet beskrivs rapportkomponenter som levereras med AEM.
Rapporteringskomponenter för Web Analytics web-analytics-reporting-components
AEM levereras med en uppsättning komponenter som återger flera mätvärden för dina SiteCatalyst -data. Dessa komponenter visas i Sidekick under Kontrollpanelen.
Varje rapportkomponent har minst tre flikar:
-
Grundläggande: innehåller huvudkonfigurationen.
-
Rapport: innehåller konfigurationen som är specifik för varje rapport.
-
Format: innehåller formatkonfiguration som diagramstorlek och marginal.
Rapporteringskomponenterna initieras med en standardkonfiguration som hjälper dig att snabbt konfigurera instrumentpanelen.
Grundkonfiguration basic-configuration
Fliken Grundläggande ger åtkomst till följande konfigurationsposter:
Titel Titeln som visas på instrumentpanelen.
Typ av begäran Det sätt på vilket data begärs.
Konfiguration av SiteCatalyst (valfritt) Konfigurationen som du vill använda för att ansluta till SiteCatalysten. Om den inte anges antas konfigurationen vara konfigurerad på instrumentpanelssidan (via sidegenskaper).
Rapportsvitens-ID (valfritt) Den rapportsserie för SiteCatalyst som du vill använda för att generera diagrammet.
Rapportkonfiguration report-configuration
Om du vill visa webbstatistik måste du definiera datumintervallet för de data som du vill hämta. Fliken Rapport innehåller två fält som definierar det intervallet.
Datum från Absolut eller relativt datum som data hämtas från.
Datum till Absolut eller relativt datum som data hämtas till.
Varje komponent definierar också specifika inställningar.
Övertidsrapport overtime-report
Datumgranularitet Tidsenhet för X-axeln (till exempel dag, timme).
Mätvärden Listan med händelser som du vill visa.
Element Listan med element som bryter ned måttdata i diagrammet.
Rankad lista - rapport ranked-list-report
Element Elementet som bryter ned måttdata i diagrammet.
Metrisk Händelsen som du vill visa.
Nej. av de översta objekten Antal objekt som visas av rapporten.
Rankad rapport ranked-report
Metrisk Händelsen som du vill visa.
Element Elementet som bryter ned måttdata i diagrammet.
Avsnittsrapport för översta webbplatsen top-site-section-report
Den här komponenten visar ett diagram över det mer besökta avsnittet på en webbplats enligt följande konfiguration.
Nej. av de översta objekten Antal avsnitt som visas i rapporten.
Trendrapport trended-report
Datumgranularitet Tidsenhet för X-axeln (till exempel dag, timme).
Metrisk Händelsen som du vill visa.
Element Elementet som bryter ned måttdata i diagrammet.
Utöka instrumentpanel extending-dashboard
Ökning overview-1
Instrumentpaneler är normala sidor ( cq:Page
), och därför kan alla komponenter användas för att montera instrumentpaneler.
Det finns en standardkomponentgrupp Dashboard
som innehåller analysrapportkomponenter som är aktiverade i mallen som standard.
Skapa en instrumentpanelsmall creating-a-dashboard-template
En mall definierar standardinnehållet för en ny kontrollpanel. Du kan använda flera mallar för att skapa olika typer av kontrollpaneler.
Instrumentpanelsmallar skapas som andra sidmallar, förutom att de lagras under /libs/cq/dashboards/templates/
. Se avsnittet Skapa innehållsidesmall.
Utveckla en kontrollpanelskomponent developing-a-dashboard-component
Utveckla en kontrollpanelskomponent genom att skapa en vanlig AEM. I det här avsnittet beskrivs ett exempel på en komponent som visar de 10 viktigaste deltagarna.
De översta författarkomponenterna lagras i databasen på /apps/geometrixx-outdoors/components/reporting
och består av:
-
en
jsp
-fil som läser jcr-data och definierar platshållarenhtml
. -
ett klientbibliotek som innehåller en
js
-fil som hämtar och beställer data och fyller sedan i platshållarenhtml
.
Följande JavaScript-fil definieras i geout.reporting.topauthors
klientbiblioteket som underordnad till själva komponenten.
QueryBuilder används för att fråga databasen om att läsa cq:AuditEvent
-noder. Frågeresultatet är ett JSON-objekt från vilket författarbidrag extraheras.
top_authors.js 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
innehåller både global.jsp
och clientlib
.
top_authors.jsp top-authors-jsp
<%@page session="false" contentType="text/html; charset=utf-8" %><%
%><%
%><%@include file="/libs/foundation/global.jsp" %><%
%>
<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>