Con l’AEM puoi gestire molti contenuti di tipi diversi (ad esempio pagine, risorse). I dashboard dell’AEM offrono un modo semplice e personalizzabile di definire le pagine che visualizzano i dati consolidati.
I dashboard di AEM vengono creati in base all’utente, in modo che un utente possa accedere solo al proprio dashboard.
Tuttavia, Modelli dashboard può essere utilizzato per condividere la configurazione e il layout del dashboard comuni.
Per creare un nuovo dashboard, procedere come segue:
Potrebbe essere necessario disporre di più dashboard per visualizzare rapidamente le informazioni sul contenuto da diverse visualizzazioni. Per facilitare la creazione di un nuovo dashboard, AEM fornisce una funzione di duplicazione che è possibile utilizzare per duplicare un dashboard esistente. Per clonare un dashboard, procedere come segue:
In Strumenti , fare clic su Console di configurazione.
Nella struttura, fai clic su Dashboard.
Fare clic sul dashboard che si desidera clonare.
Clic Clona.
Digita il Nome della nuova dashboard.
In Strumenti , fare clic su Console di configurazione.
Nella struttura, fai clic su Dashboard.
Fai clic sul dashboard da eliminare.
Fai clic su Rimuovi.
Fai clic su Sì per confermare.
I componenti del dashboard non sono altro che normali Componenti AEM. Questa sezione descrive i componenti di reporting forniti con AEM.
L’AEM viene fornito con un set di componenti che restituiscono più metriche delle SiteCatalyst dati. Tali componenti sono elencati nel Sidekick sotto Dashboard sezione.
Ogni componente di reporting fornisce almeno tre schede:
Base: contiene la configurazione principale.
Rapporto: contiene la configurazione specifica di ciascun rapporto.
Stile: contiene una configurazione di stile come dimensione e margine del grafico.
I componenti di reporting vengono inizializzati con una configurazione predefinita che consente di configurare rapidamente il dashboard.
Il Base La scheda consente di accedere alle seguenti voci di configurazione:
Titolo Titolo visualizzato nel dashboard.
Tipo di richiesta Il modo in cui vengono richiesti i dati.
Configurazione SiteCatalyst (opzionale) Configurazione che si desidera utilizzare per connettersi al SiteCatalyst. Se non specificato, la configurazione viene considerata configurata nella pagina Dashboard (tramite le proprietà della pagina).
ID suite di rapporti (facoltativo) La suite di rapporti di SiteCatalyst che desideri utilizzare per generare il grafico.
Per visualizzare le statistiche web, è necessario definire l’intervallo di date dei dati che si desidera recuperare. Il Report fornisce due campi per definire tale intervallo.
Impostando un intervallo di date ampio si può ridurre la reattività del dashboard.
Data da Data assoluta o relativa da cui vengono recuperati i dati.
Data - A Data assoluta o relativa di recupero dei dati.
Ogni componente definisce anche impostazioni specifiche.
Granularità data Unità di tempo dell’asse X (ad esempio, giorno, ora).
Metriche L’elenco degli eventi che desideri visualizzare.
Elementi L’elenco degli elementi che suddividono i dati delle metriche nel grafico.
Elementi L’elemento che suddivide i dati delle metriche nel grafico.
Metriche L’evento che desideri visualizzare.
No. di elementi principali Numero di elementi visualizzati dal rapporto.
Metriche L’evento che desideri visualizzare.
Elementi L’elemento che suddivide i dati delle metriche nel grafico.
Questo componente visualizza un grafico che mostra la sezione più visitata di un sito web in base alla seguente configurazione.
No. di elementi principali Numero di sezioni visualizzate da nel rapporto.
Granularità data Unità di tempo dell’asse X (ad esempio, giorno, ora).
Metriche L’evento che desideri visualizzare.
Elementi L’elemento che suddivide i dati delle metriche nel grafico.
I dashboard sono pagine normali ( cq:Page
), pertanto tutti i componenti possono essere utilizzati per assemblare le dashboard.
È presente un gruppo di componenti predefinito Dashboard
contenente i componenti di reporting di analytics abilitati per impostazione predefinita sul modello.
Un modello definisce il contenuto predefinito di un nuovo dashboard. Puoi utilizzare diversi modelli per creare diversi tipi di dashboard.
I modelli di dashboard vengono creati come altri modelli di pagina, con la differenza che sono memorizzati in /libs/cq/dashboards/templates/
. Consulta la Creazione del modello Contentpage sezione.
I modelli di dashboard sono condivisi tra gli utenti.
Lo sviluppo di un componente Dashboard consiste nella creazione di un componente AEM regolare. Questa sezione descrive un esempio di un componente che visualizza i primi 10 collaboratori.
I componenti Autore principali vengono memorizzati nell’archivio in /apps/geometrixx-outdoors/components/reporting
ed è composto da:
a jsp
file che legge i dati jcr e definisce html
segnaposto.
una libreria lato client contenente una js
file che recupera e ordina i dati, quindi compila html
segnaposto.
Il seguente file JavaScript è definito nel geout.reporting.topauthors
Libreria client come elemento figlio del componente stesso.
Il QueryBuilder viene utilizzato per eseguire una query sull’archivio da leggere cq:AuditEvent
nodi. Il risultato della query è un oggetto JSON dal quale vengono estratti i contributi dell’autore.
$.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");
}
});
Il JSP
include entrambi global.jsp
e clientlib
.
<%@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>