Dashboard dashboards

Quando si utilizza l’AEM, è possibile gestire numerosi 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.

NOTE
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.

chlimage_1-22

Amministrazione delle dashboard administering-dashboards

Creazione Di Un Dashboard creating-a-dashboard

  1. In Strumenti , fare clic su Console di configurazione.
  2. Nell'albero, fare doppio clic su Dashboard.
  3. Clic Nuovo dashboard.
  4. Digita il Titolo (ad esempio, My Dashboard) e Nome.
  5. Fai clic su Crea.

Clonazione Di Un Dashboard cloning-a-dashboard

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:

  1. In Strumenti , fare clic su Console di configurazione.

  2. Nella struttura, fai clic su Dashboard.

  3. Fare clic sul dashboard che si desidera clonare.

  4. Clic Clona.

  5. Digita il Nome della nuova dashboard.

Rimozione Di Un Dashboard removing-a-dashboard

  1. In Strumenti , fare clic su Console di configurazione.

  2. Nella struttura, fai clic su Dashboard.

  3. Fai clic sul dashboard da eliminare.

  4. Fai clic su Rimuovi.

  5. Fai clic su per confermare.

Componenti del dashboard dashboard-components

Panoramica overview

I componenti del dashboard non sono altro che normali Componenti AEM. Questa sezione descrive i componenti di reporting forniti con AEM.

Componenti di reporting di Web Analytics web-analytics-reporting-components

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.

Configurazione di base basic-configuration

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.

Configurazione del rapporto report-configuration

Per visualizzare le statistiche web, è necessario definire l’intervallo di date dei dati da recuperare. Il Report fornisce due campi per definire tale intervallo.

NOTE
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.

Report tempo eccessivo overtime-report

chlimage_1-26

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.

Report elenco classifica ranked-list-report

chlimage_1-27

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.

Report classifica ranked-report

chlimage_1-28

Metriche L’evento che desideri visualizzare.

Elementi L’elemento che suddivide i dati delle metriche nel grafico.

Report sezione del sito principale top-site-section-report

Questo componente visualizza un grafico che mostra la sezione più visitata di un sito web in base alla seguente configurazione.

chlimage_1-29

No. di elementi principali Numero di sezioni visualizzate da nel rapporto.

Report con tendenze trended-report

chlimage_1-30

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.

Estensione del dashboard extending-dashboard

Panoramica overview-1

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.

Creazione Di Un Modello Di Dashboard creating-a-dashboard-template

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.

NOTE
I modelli di dashboard sono condivisi tra gli utenti.

Sviluppo di un componente Dashboard developing-a-dashboard-component

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.

chlimage_1-31

I componenti Autore principali vengono memorizzati nell’archivio in /apps/geometrixx-outdoors/components/reporting ed è composto da:

  1. a jsp file che legge i dati jcr e definisce html segnaposto.

  2. una libreria lato client contenente una js file che recupera e ordina i dati, quindi compila html segnaposto.

chlimage_1-32

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.

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");

    }
});

Il JSP include entrambi global.jsp e 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>
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2