Paneles de control 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

AEM Los componentes del tablero no son más que componentes de normales. 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 La se envía con un conjunto de componentes que procesan varias métricas de sus datos de SiteCatalyst. Estos componentes se enumeran en el Sidekick en la sección Panel.

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

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

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

Tipo de solicitud 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. La ficha Informe proporciona dos campos para definir ese intervalo.

Fecha desde Fecha absoluta o relativa desde la cual se recuperaron los datos.

Fecha hasta fecha absoluta o relativa a la que se recuperaron 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 Lista de elementos que desglosa los datos de métricas en el gráfico.

Informe de lista clasificada ranked-list-report

Elementos: el 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: el 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 los elementos principales Número de sección mostrada 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: el 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 ensamblar paneles.

Hay un grupo de componentes predeterminado Dashboard que contiene componentes de informes de Analytics que están 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 sección Creando plantilla de página de contenido.

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 están compuestos por:

El siguiente archivo JavaScript está definido en la geout.reporting.topauthors Biblioteca de cliente como elemento secundario del componente en sí.

QueryBuilder se usa para consultar el repositorio y 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");

    }
});

JSP incluye 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>