現在表示中:

AEM の使用時、ページやアセットなど様々なタイプの多数のコンテンツを管理できます。AEM ダッシュボードの簡単でカスタマイズ可能な方法を使用して、統合されたデータを表示するページを定義できます。

注意:

AEM ダッシュボードはユーザーごとに作成されるので、ユーザーは自分のダッシュボードのみにアクセスできます。

ただし、ダッシュボードテンプレートを使用して、共通の設定およびダッシュボードレイアウトを共有することができます。

chlimage_1

ダッシュボードの管理

ダッシュボードの作成

新しいダッシュボードを作成するには、次の手順を実行します。

  1. ツール」セクションで、「設定コンソール」をクリックします。

  2. ツリー内で、「ダッシュボード」をダブルクリックします。

  3. 新規ダッシュボード」をダブルクリックします。

  4. タイトル(「My Dashboard」など)と名前を入力します。

  5. 作成」をクリックします。

ダッシュボードのクローン作成

複数のダッシュボードを作成して、コンテンツについての情報を様々な表示からすばやく確認することができます。新しいダッシュボードを作成しやすくするために、AEM ではクローン機能が提供されています。この機能を使用して既存のダッシュボードを複製できます。ダッシュボードのクローンを作成するには、次の手順を実行します。

  1. ツール」セクションで、「設定コンソール」をクリックします。

  2. ツリー内で、「ダッシュボード」をクリックします。

  3. クローンを作成するダッシュボードをクリックします。

  4. クローン」をクリックします。

  5. 新しいダッシュボードの名前を入力します。

ダッシュボードの削除

  1. ツール」セクションで、「設定コンソール」をクリックします。

  2. ツリー内で、「ダッシュボード」をクリックします。

  3. 削除するダッシュボードをクリックします。

  4. 削除」をクリックします。

  5. はい」をクリックして確認します。

ダッシュボードコンポーネント

概要

ダッシュボードコンポーネントは、通常の AEM コンポーネントにすぎません。ここでは、AEM に付属しているレポート用コンポーネントについて説明します。

Web 分析レポート用コンポーネント

AEM には、SiteCatalyst データの複数の指標をレンダリングする一連のコンポーネントが付属しています。これらのコンポーネントは、サイドキックの「ダッシュボード」セクションに一覧表示されます。

レポート用コンポーネントにはそれぞれ少なくとも次の 3 つのタブがあります。

  • 基本:主要な設定が含まれています。
  • レポート:各レポートに固有の設定が含まれています。
  • スタイル:グラフのサイズや余白などのスタイル設定が含まれています。

レポート用コンポーネントはデフォルト設定で初期化されており、このデフォルト設定を使用してダッシュボードをすばやく設定できます。

基本設定

基本」タブから次の設定エントリにアクセスできます。

タイトル

ダッシュボードに表示するタイトル。

要求のタイプ

データの要求方法。

SiteCatalyst 設定(オプション)

SiteCatalyst との接続に使用する設定。指定がない場合、ダッシュボードページで(ページプロパティによって)設定されると見なされます。

レポートスイート ID(オプション)

グラフの生成に使用する SiteCatalyst レポートスイート。

レポート設定

Web 統計を表示するために、取得するデータの日付範囲を定義する必要があります。「レポート」タブにある 2 つのフィールドを使用して、日付範囲を定義できます。

注意:

日付範囲を広く設定すると、ダッシュボードの応答性が低下する場合があります。

開始日

データの取得を開始する絶対日付または相対日付。

終了日

データの取得を終了する絶対日付または相対日付。

各コンポーネントで、独自の設定も定義されます。

オーバータイムレポート

chlimage_1

日付精度

X 軸の時間単位(日、時間など)。

指標

表示するイベントのリスト。

要素

グラフ内の指標データを分類する要素のリスト。

ランクリストレポート

chlimage_1

要素

グラフ内の指標データを分類する要素。

指標

表示するイベント。

上位項目の数

レポートで表示する項目の数。

ランクレポート

chlimage_1

指標

表示するイベント。

要素

グラフ内の指標データを分類する要素。

トップサイトセクションレポート

このコンポーネントは、以下の設定に従い、訪問回数の多い Web サイトのセクションを示すグラフを表示します。

chlimage_1

上位項目の数

レポートで一度に表示するセクションの数

トレンドレポート

chlimage_1

日付精度

X 軸の時間単位(日、時間など)。

指標

表示するイベント。

要素

グラフ内の指標データを分類する要素。

ダッシュボードの拡張

概要

ダッシュボードは通常のページ(cq:Page)なので、あらゆるコンポーネントを使用してダッシュボードを構成できます。

デフォルトのコンポーネントグループ「ダッシュボード」には分析レポート用コンポーネントが含まれていて、これらのコンポーネントはテンプレート上でデフォルトで有効になっています。

ダッシュボードテンプレートの作成

テンプレートは、新しいダッシュボードのデフォルトのコンテンツを定義するものです。様々なタイプのダッシュボードを作成するために、複数のテンプレートを使用できます。

ダッシュボードテンプレートはその他のページテンプレートと同様に作成されますが、/libs/cq/dashboards/templates/ に保存される点が異なります。contentpage テンプレートの作成を参照してください。

注意:

ダッシュボードテンプレートはユーザー間で共有されます。

ダッシュボードコンポーネントの開発

ダッシュボードコンポーネントの開発は、通常の AEM コンポーネントの作成から成り立っています。ここでは、作成者の上位 10 人を表示するコンポーネントを例に説明します。

chlimage_1

上位の作成者コンポーネントは、/apps/geometrixx-outdoors/components/reporting のリポジトリに格納され、構成内容は次のとおりです。

  1. jcr データを読み取り、html プレースホルダーを定義する jsp ファイル。
  2. データを取得して整理し、html プレースホルダーに入力する js ファイルを 1 つ含むクライアント側ライブラリ。 
chlimage_1

次の JavaScript ファイルは、geout.reporting.topauthorsクライアントライブラリでコンポーネントの子として定義されます。

QueryBuilder は、cq:AuditEvent ノードを読み取るためにリポジトリにクエリを実行する場合に使用します。クエリの結果として JSON オブジェクトが返され、このオブジェクトから作成者の貢献度が抽出されます。

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 には global.jspclientlib の両方が含まれます。

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>

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー