Tableros dashboards

AEM Al utilizar la, puede administrar numerosos contenidos de diferentes tipos (por ejemplo, páginas o recursos). AEM Los paneles de DTM ofrecen una forma fácil de usar y personalizable de definir páginas que muestren datos consolidados.

Administración de tableros administering-dashboards

Creación De Un Tablero creating-a-dashboard

Clonación De Un Tablero cloning-a-dashboard

Es posible que desee tener varios paneles para ver rápidamente información sobre el contenido de diferentes vistas. AEM Para ayudarle a crear un nuevo tablero, proporciona una función de clonado que puede utilizar para duplicar un tablero existente. Para clonar un tablero, siga estos pasos:

Eliminación De Un Tablero removing-a-dashboard

Componentes del panel dashboard-components

Información general overview

Los componentes del panel no son más que normales AEM componentes de. AEM En esta sección se describen los componentes de sistema de informes que se envían con.

Componentes de informes de análisis web web-analytics-reporting-components

AEM se envía con un conjunto de componentes que procesan varias métricas de su SiteCatalyst datos. Estos componentes se enumeran en el Sidekick en la Tablero sección.

Cada componente del sistema de informes proporciona al menos tres pestañas:

Los componentes de creación de informes se inicializan con una configuración predeterminada que le ayuda a configurar rápidamente el panel.

Configuración básica basic-configuration

El Básico proporciona acceso a las siguientes entradas de configuración:

Título El título se muestra en el panel.

Tipo de solicitud La forma en que se solicitan los datos.

Configuración de SiteCatalyst (opcional) La configuración que desea utilizar para conectarse al SiteCatalyst. Si no se proporciona, se supone que la configuración está configurada en la página Tablero (a través de las propiedades de página).

ID del grupo de informes (opcional) El grupo de informes de SiteCatalyst que desea utilizar para generar el gráfico.

Configuración del informe report-configuration

Para mostrar las estadísticas web, debe definir el intervalo de fechas de los datos que desea recuperar. El Informe proporciona dos campos para definir ese intervalo.

Fecha desde Fecha absoluta o relativa desde la que se recuperan los datos.

Fecha de finalización Fecha absoluta o relativa en la que se recuperan los datos.

Cada componente también define configuraciones específicas.

Informe de tiempo extra overtime-report

Granularidad de fecha Unidad de tiempo del eje X (por ejemplo, día, hora).

Métricas La lista de eventos que desea mostrar.

Elementos La lista de elementos que desglosa los datos de las métricas en el gráfico.

Informe de lista clasificada ranked-list-report

Elementos Elemento que desglosa los datos de las métricas en el gráfico.

Métricas El evento que desea mostrar.

No. de elementos principales Número de elementos mostrados por el informe.

Informe clasificado ranked-report

Métricas El evento que desea mostrar.

Elementos Elemento que desglosa los datos de las métricas en el gráfico.

Informe de sección de sitio principal top-site-section-report

Este componente muestra un gráfico con la sección más visitada de un sitio web según la siguiente configuración.

No. de elementos principales Número de secciones mostradas por en el informe.

Informe de tendencias trended-report

Granularidad de fecha Unidad de tiempo del eje X (por ejemplo, día, hora).

Métricas El evento que desea mostrar.

Elementos Elemento que desglosa los datos de las métricas en el gráfico.

Ampliación del panel extending-dashboard

Información general overview-1

Los paneles son páginas normales ( cq:Page), por lo tanto, cualquier componente se puede utilizar para montar paneles.

Hay un grupo de componentes predeterminado Dashboard que contiene los componentes de informes de analytics habilitados en la plantilla de forma predeterminada.

Creación De Una Plantilla De Tablero creating-a-dashboard-template

Una plantilla define el contenido predeterminado de un nuevo panel. Puede utilizar varias plantillas para crear diferentes tipos de paneles.

Las plantillas de tablero se crean como otras plantillas de página, excepto que se almacenan en /libs/cq/dashboards/templates/. Consulte la Creando plantilla de página de contenido sección.

Desarrollo de un componente de panel developing-a-dashboard-component

AEM El desarrollo de un componente Panel consiste en crear un componente de normal. En esta sección se describe un ejemplo de un componente que muestra los 10 principales colaboradores.

Los componentes de autor principales se almacenan en el repositorio en /apps/geometrixx-outdoors/components/reporting y se compone de :

El siguiente archivo JavaScript se define en la variable geout.reporting.topauthors Biblioteca de cliente como elemento secundario del propio componente.

El QueryBuilder se utiliza para consultar el repositorio para leer cq:AuditEvent nodos. El resultado de la consulta es un objeto JSON del que se extraen las contribuciones de los autores.

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

    }
});

El JSP incluye ambos global.jsp y 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>