Dashboards dashboards

Wanneer u AEM gebruikt, kunt u veel verschillende inhoudstypen beheren (zoals pagina's, elementen). AEM dashboards verstrekken een makkelijk te gebruiken en aanpasbare manier om pagina's te bepalen die geconsolideerde gegevens tonen.

Dashboards beheren administering-dashboards

Een dashboard maken creating-a-dashboard

Ga als volgt te werk om een nieuw dashboard te maken:

Een dashboard klonen cloning-a-dashboard

Mogelijk wilt u meerdere dashboards hebben om snel informatie over uw inhoud vanuit verschillende weergaven te bekijken. AEM biedt een kloonfunctie waarmee u een bestaand dashboard kunt dupliceren, zodat u een nieuw dashboard kunt maken. Ga als volgt te werk om een dashboard te klonen:

Een dashboard verwijderen removing-a-dashboard

Dashboardcomponenten dashboard-components

Overzicht overview

Onderdelen van het dashboard zijn niet meer dan normaal AEM componenten. In deze sectie worden de rapportonderdelen beschreven die bij AEM worden geleverd.

Webanalytische rapportagecomponenten web-analytics-reporting-components

AEM schepen met een reeks componenten die veelvoudige metriek van uw teruggeven SiteCatalyst gegevens. Deze componenten worden vermeld in de Sidetrap onder de Dashboard sectie.

Elke rapportcomponent bevat ten minste drie tabbladen:

De rapportcomponenten worden geïnitialiseerd met een standaardconfiguratie die u helpt snel opstelling uw dashboard.

Basisconfiguratie basic-configuration

De Basis verleent toegang tot de volgende configuratieingangen:

Titel De titel die op het dashboard wordt weergegeven.

Type aanvraag De manier waarop gegevens worden aangevraagd.

SiteCatalyst-configuratie (optioneel) De configuratie u wilt gebruiken om met SiteCatalyst te verbinden. Indien niet verstrekt wordt de configuratie verondersteld om op de pagina van het Dashboard (via paginaeigenschappen) te worden gevormd.

ID rapportsuite (optioneel) De SiteCatalyst-rapportsuite die u wilt gebruiken om de grafiek te genereren.

Rapportconfiguratie report-configuration

Als u webstatistieken wilt weergeven, moet u het datumbereik definiëren van de gegevens die u wilt genereren. De Rapport bevat twee velden om dat bereik te definiëren.

Datum vanaf Absolute of relatieve datum vanaf wanneer de gegevens worden opgehaald.

Datum tot Absolute of relatieve datum waarop de gegevens worden opgehaald.

Elke component definieert ook specifieke instellingen.

Rapport overuren overtime-report

Datum van granulariteit Tijdeenheid van de X-as (bijvoorbeeld dag, uur).

Metrisch De lijst met gebeurtenissen die u wilt weergeven.

Elementen De lijst met elementen die de metagegevens in de grafiek opsplitst.

Rapport met gerangschikte lijst ranked-list-report

Elementen Het element dat de cijfergegevens in de grafiek opsplitst.

Metrisch De gebeurtenis die u wilt weergeven.

Nee. van bovenste objecten Aantal punten door het rapport worden getoond dat.

Geregistreerd rapport ranked-report

Metrisch De gebeurtenis die u wilt weergeven.

Elementen Het element dat de cijfergegevens in de grafiek opsplitst.

Rapport voor bovenste sectie top-site-section-report

Deze component geeft een grafiek weer met de meer bezochte sectie van een website volgens de volgende configuratie.

Nee. van bovenste objecten Aantal sectie die door in het rapport wordt getoond.

Trend Report trended-report

Datum van granulariteit Tijdeenheid van de X-as (bijvoorbeeld dag, uur).

Metrisch De gebeurtenis die u wilt weergeven.

Elementen Het element dat de cijfergegevens in de grafiek opsplitst.

Het dashboard uitbreiden extending-dashboard

Overzicht overview-1

Dashboards zijn normale pagina's ( cq:Page), kunnen daarom alle componenten worden gebruikt om dashboards samen te stellen.

Er is een standaardcomponentgroep Dashboard met analytische rapportagecomponenten die standaard op de sjabloon zijn ingeschakeld.

Een dashboardsjabloon maken creating-a-dashboard-template

Een sjabloon definieert de standaardinhoud van een nieuw dashboard. U kunt verschillende sjablonen gebruiken voor het maken van verschillende typen dashboards.

Dashboardsjablonen worden net als andere paginasjablonen gemaakt, behalve dat ze onder /libs/cq/dashboards/templates/. Zie de Sjabloon voor inhoudspagina maken sectie.

Een dashboardcomponent ontwikkelen developing-a-dashboard-component

Het ontwikkelen van een dashboardcomponent bestaat uit het maken van een gewone AEM. Deze sectie beschrijft een voorbeeld van een component die hoogste 10 van contribuanten toont.

De bovenste auteurcomponenten worden opgeslagen in de repository op /apps/geometrixx-outdoors/components/reporting en bestaat uit:

Het volgende JavaScript-bestand wordt gedefinieerd in het dialoogvenster geout.reporting.topauthors Clientbibliotheek als een onderliggend element van de component zelf.

De QueryBuilder wordt gebruikt om de gegevensopslagruimte te vragen om te lezen cq:AuditEvent knooppunten. Het queryresultaat is een JSON-object waaruit de bijdragen van de auteur worden geëxtraheerd.

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

    }
});

De JSP omvat beide global.jsp en 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>