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.
Los tableros AEM se crean para cada usuario, para que cada uno pueda acceder a su propio tablero.
Sin embargo, Plantillas de panel se puede utilizar para compartir la configuración común y el diseño del panel.
Para crear un tablero nuevo, realice las acciones siguientes:
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:
En la sección Herramientas, haga clic en Consola de configuración.
En el árbol, haga clic en Panel.
Haga clic en el tablero que desee clonar.
Haga clic en Clonar.
Especifique el Nombre del nuevo tablero.
En la sección Herramientas, haga clic en Consola de configuración.
En el árbol, haga clic en Panel.
Haga clic en el tablero que desee eliminar.
Haga clic en Quitar.
Haga clic en Sí para confirmar.
Los componentes del panel no son más que normales AEM componentes de. En esta sección se describen los componentes de informe que se envían con AEM.
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.
La ficha Básico permite acceder a las entradas de configuración siguientes:
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 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.
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.
Si se elige un intervalo de fechas muy grande, se reducirá el nivel de respuesta del tablero.
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 ajustes específicos.
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.
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.
Métricas El evento que desea mostrar.
Elementos Elemento que desglosa los datos de las métricas en el gráfico.
Este componente muestra un gráfico sobre la sección más visitada del sitio web según la configuración siguiente.
No. de elementos principales Número de secciones mostradas por en el informe.
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.
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 los componentes de informes de analytics habilitados en la plantilla de forma predeterminada.
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 Creando plantilla de página de contenido sección.
Las plantillas de tablero se comparten entre usuarios.
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.
Los componentes de autor principales se almacenan en el repositorio en /apps/geometrixx-outdoors/components/reporting
y se compone de :
un archivo jsp
que lee datos jcr y define el marcador de posición html
.
una biblioteca de cliente que contiene un archivo js
que recopila y ordena los datos y rellena el marcador de posición html
.
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 desde el que se extraen las contribuciones de autor.
$.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
.
<%@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>