Tableros

Al utilizar AEM, podrá administrar mucho contenido de distintos tipos (p. ej. páginas, recursos). Los tableros AEM permiten definir páginas que muestran datos consolidados de forma fácil y personalizable.

NOTA

Los tableros AEM se crean para cada usuario, para que cada uno pueda acceder a su propio tablero.

Sin embargo, Plantillas de tablero se puede utilizar para compartir una configuración común y el diseño del panel.

imagen_1-22

Administración de tableros

Creación de un tablero

Para crear un tablero nuevo, realice las acciones siguientes:

  1. En la sección Herramientas, haga clic en Consola de configuración.
  2. En el árbol, haga doble clic en Panel.
  3. Haga clic en Nuevo tablero.
  4. Especifique el Título (p. ej. Mi tablero) y el Nombre.
  5. Haga clic en Crear.

Clonación de un tablero

Es posible que quiera tener varios tableros para ver información sobre el contenido en distintas vistas con rapidez. Para ayudarle a crear un tablero nuevo, AEM dispone de una función de clonación que puede utilizar para duplicar un tablero existente. Para clonar un tablero, haga lo siguiente:

  1. En la sección Herramientas, haga clic en Consola de configuración.

  2. En el árbol, haga clic en Panel.

  3. Haga clic en el tablero que desee clonar.

  4. Haga clic en Clonar.

  5. Especifique el Nombre del nuevo tablero.

Eliminación de un tablero

  1. En la sección Herramientas, haga clic en Consola de configuración.

  2. En el árbol, haga clic en Panel.

  3. Haga clic en el tablero que desee eliminar.

  4. Haga clic en Quitar.

  5. Haga clic en para confirmar.

Componentes del tablero

Información general

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

Componentes de informes analíticos web

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

Cada componente de informe dispone de tres fichas como mínimo:

  • Básico: contiene la configuración principal.

  • Informe: contiene la configuración específica de cada informe.

  • Estilo: contiene configuración de estilo como márgenes y tamaños de gráficos.

Los componentes de informe se inician con una configuración predeterminada que le ayuda a configurar el tablero con rapidez.

Configuración básica

La ficha Básico permite acceder a las entradas de configuración siguientes:

Título El título que se muestra en el tablero.

Tipo de solicitud Cómo se solicitan los datos.

Configuración de SiteCatalyst (opcional) La configuración que desea utilizar para conectarse a SiteCatalyst. Si no se define, se asumirá que ya está configurada en la página Panel (mediante las propiedades de página).

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

Configuración de informes

Para mostrar las estadísticas de web, debe definir el intervalo de fechas para los datos que desee recopilar. La ficha Informe dispone de dos campos para definir dicho intervalo.

NOTA

Si se elige un intervalo de fechas muy grande, se reducirá el nivel de respuesta del tablero.

Fecha desde Fecha absoluta o relativa a partir de la cual se recuperan los datos.

Fecha hasta Fecha absoluta o relativa a la que se recuperan los datos.

Cada componente también define ajustes específicos.

Informe de tiempo extra

imagen_1-26

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

Métricas 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

chlimage_1-27

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

Métricas El evento que desea mostrar.

No. de elementos principales Número de elementos que muestra el informe.

Informe clasificado

chlimage_1-28

Métricas El evento que desea mostrar.

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

Informe de sección de sitio principal

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

chlimage_1-29

No. de elementos principales Número de sección que se muestra en el informe.

Informe de tendencias

chlimage_1-30

Granularidad de la 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 métricas en el gráfico.

Ampliación del tablero

Información general

Los tableros son páginas normales (cq:Page), por lo que puede utilizarse cualquier componente para crearlos.

Hay un grupo de componentes predeterminado Dashboard que contienen componentes de informes de analytics que están habilitados en la plantilla de forma predeterminada.

Creación de una plantilla de tablero

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

Las plantillas de tablero se crean como otras plantillas de página, excepto que se almacenan en /libs/cq/dashboards/templates/. Consulte la Creación de una plantilla de Contentpage para obtener más información.

NOTA

Las plantillas de tablero se comparten entre usuarios.

Desarrollo de un componente de tablero

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

chlimage_1-31

Los componentes de autor principales se almacenan en el repositorio en /apps/geometrixx-outdoors/components/reporting y está compuesto por :

  1. un archivo jsp que lee datos jcr y define el marcador de posición html.

  2. una biblioteca de cliente que contiene un archivo js que recopila y ordena los datos y rellena el marcador de posición html.

chlimage_1-32

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

La variable QueryBuilder se utiliza para consultar el repositorio para leer cq:AuditEvent nodos. El resultado de la consulta es un objeto JSON desde el que se extraen las contribuciones de autor.

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

    }
});

La variable JSP incluye ambas global.jsp y clientlib.

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>

En esta página