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, las plantillas de Panel se pueden usar para compartir la configuración común y el diseño de Panel.

chlimage_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, Doble-Haga clic 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 de panel no son más que componentes de AEM normales. En esta sección se describen los componentes de informe que se envían con AEM.

Componentes de informes analíticos web

AEM incluye un conjunto de componentes que procesan varias métricas de sus datos de SiteCatalyst. 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ítuloEl título que se muestra en el panel.

Tipo de solicitudEl modo en que 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) El 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 desdeFecha absoluta o relativa desde la que se recuperan los datos.

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

Cada componente también define ajustes específicos.

Informe de tiempo extra

chlimage_1-26

Fecha GranularidadUnidad de tiempo del eje X (por ejemplo: día, hora).

​MétricasLa lista de eventos que desea mostrar.

​ElementosLa lista de elementos que desglosa los datos de métricas en el gráfico.

Informe de lista clasificada

chlimage_1-27

​ElementosElemento que desglosa los datos de métricas en el gráfico.

​MétricasEl evento que desea mostrar.

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

Informe clasificado

chlimage_1-28

​MétricasEl evento que desea mostrar.

​ElementosElemento 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-21

No. de elementos principales Número de sección mostrada por en el informe.

Informe de tendencias

chlimage_1-30

Fecha GranularidadUnidad de tiempo del eje X (por ejemplo: día, hora).

​MétricasEl evento que desea mostrar.

​ElementosElemento 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 contiene componentes de sistema de informes de análisis que están activados 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 panel se crean como otras plantillas de página, excepto que se almacenan en /libs/cq/dashboards/templates/. Consulte la sección Creación de una plantilla de página de contenido.

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 creación principales se almacenan en el repositorio en /apps/geometrixx-outdoors/components/reporting y están compuestos 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 geout.reporting.topauthors Biblioteca de clientes como un elemento secundario del propio componente.

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

top_author.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 tanto global.jsp como clientlib.

top_author.jsp

<%@page session="false" contentType="text/html; charset=utf-8" %><%
%><%
%><%@include file="/libs/foundation/global.jsp?lang=es" %><%
%>
<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

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now