Dashboards dashboards

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

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.

NOTE
AEM dashboards worden gecreeerd op een per gebruikersbasis, zodat kan een gebruiker tot hun eigen dashboard slechts toegang hebben.
Maar Dashboardsjablonen kan worden gebruikt om algemene configuratie en dashboardlay-out te delen.

chlimage_1-22

Dashboards beheren administering-dashboards

Een dashboard maken creating-a-dashboard

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

  1. In de Gereedschappen sectie, klikt u op Configuratieconsole.

  2. Dubbelklik in de structuur op Dashboard.

  3. Klikken Nieuw dashboard.

  4. Typ de Titel (bijvoorbeeld Mijn dashboard) en de Naam.

  5. Klikken 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:

  1. In de Gereedschappen sectie, klikt u op Configuratieconsole.

  2. Klik in de structuur op Dashboard.

  3. Klik op het dashboard dat u wilt klonen.

  4. Klikken Klonen.

  5. Typ de Naam van uw nieuwe dashboard.

Een dashboard verwijderen removing-a-dashboard

  1. In de Gereedschappen sectie, klikt u op Configuratieconsole.

  2. Klik in de structuur op Dashboard.

  3. Klik op het dashboard dat u wilt verwijderen.

  4. Klikken Verwijderen.

  5. Klikken Ja ter bevestiging.

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:

  • Basis: bevat de hoofdconfiguratie.

  • Rapport: bevat specifiek de configuratie van elk rapport.

  • Stijl: bevat opmaakconfiguratie zoals diagramgrootte en -marge.

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.

NOTE
Als u een datumbereik voor een grote datum instelt, kan de reactiesnelheid van het dashboard afnemen.

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

chlimage_1-26

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

chlimage_1-27

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

chlimage_1-28

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.

chlimage_1-29

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

Trend Report trended-report

chlimage_1-30

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.

NOTE
Dashboardsjablonen worden door gebruikers gedeeld.

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.

chlimage_1-31

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

  1. a jsp bestand dat jcr-gegevens leest en dat de html plaatsaanduiding.

  2. een bibliotheek aan de clientzijde met één js bestand dat de gegevens ophaalt en bestelt, vult vervolgens het html plaatsaanduiding.

chlimage_1-32

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>
recommendation-more-help
5ce3024a-cbea-458b-8b2f-f9b8dda516e8