Dashboards dashboards

Wanneer u AEM gebruikt, kunt u een groot aantal verschillende typen inhoud beheren (bijvoorbeeld 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

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

De componenten van het dashboard zijn niets meer dan regelmatige ​ 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 ​ SiteCatalyst ​ gegevens teruggeven. Die componenten zijn vermeld in de Sidekick onder de sectie van het dashboard.

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

Het Basis lusje verleent toegang tot de volgende configuratieingangen:

Titel de titel die op het dashboard wordt getoond.

het type van Verzoek De manier de gegevens worden gevraagd.

de Configuratie van de SiteCatalyst (facultatief) 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.

identiteitskaart van de Reeks van het Rapport (facultatief) de het rapportreeks van de SiteCatalyst u wilt gebruiken om de grafiek te produceren.

Rapportconfiguratie report-configuration

Als u webstatistieken wilt weergeven, moet u het datumbereik definiëren van de gegevens die u wilt genereren. Het lusje van het Rapport verstrekt twee gebieden om die waaier te bepalen.

Datum van Absolute of relatieve datum waarvan het gegeven wordt gehaald.

Datum aan Absolute of relatieve datum waaraan het gegeven wordt gehaald.

Elke component definieert ook specifieke instellingen.

Rapport overuren overtime-report

Eenheid van de Tijd van de Korreligheid van de Datum van 0} {(bijvoorbeeld, dag, uur).

Metriek de lijst van gebeurtenissen u wilt tonen.

Elementen de lijst van elementen die de metrieke gegevens in de grafiek opsplitsen.

Rapport met gerangschikte lijst ranked-list-report

Elementen het element dat de metrieke gegevens in de grafiek opsplitst.

Metriek de gebeurtenis u wilt tonen.

Nr. van hoogste punten Aantal punten die door het rapport worden getoond.

Geregistreerd rapport ranked-report

Metriek de gebeurtenis u wilt tonen.

Elementen het element dat de metrieke gegevens in de grafiek opsplitst.

Rapport voor bovenste site-sectie top-site-section-report

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

Nr. van hoogste punten Aantal sectie die door in het rapport wordt getoond.

Trend Report trended-report

Eenheid van de Tijd van de Korreligheid van de Datum van 0} {(bijvoorbeeld, dag, uur).

Metriek de gebeurtenis u wilt tonen.

Elementen het element dat de metrieke gegevens in de grafiek opsplitst.

Het dashboard uitbreiden extending-dashboard

Overzicht overview-1

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

Er is een standaardcomponentengroep Dashboard die analytische rapportcomponenten bevat 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, maar worden opgeslagen onder /libs/cq/dashboards/templates/ . Zie ​ Creërend het Malplaatje van de Inhoud ​ 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 bewaarplaats bij /apps/geometrixx-outdoors/components/reporting en bestaan uit:

Het volgende dossier van JavaScript wordt bepaald in de geout.reporting.topauthors ​ Bibliotheek van de Cliënt ​ als kind van de component zelf.

​ QueryBuilder ​ wordt gebruikt om de bewaarplaats te vragen om cq:AuditEvent knopen te lezen. 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");

    }
});

JSP bevat zowel global.jsp als 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>