デフォルトのCloud Servicesセットは、カスタムCloud Serviceタイプで拡張できます。 これにより、構造化された方法でページにカスタムマークアップを挿入できます。 これは主に、Google Analytics、Chartbeat など、サードパーティの分析プロバイダーに使用されます。 Cloud Services は、親ページから子ページに継承されますが、任意のレベルで継承を中断できます。
このステップバイステップガイドでは、Cloud Serviceを使用した例を示します。Google Analytics すべてがユースケースに当てはまらない場合があります。
CRXDE Liteで、以下にノードを作成します。 /apps
:
acs
nt:folder
の下にノードを作成します。 /apps/acs
:
analytics
sling:Folder
の下に 2 つのノードを作成します。 /apps/acs/analytics
:
sling:Folder
および
sling:Folder
右クリック /apps/acs/analytics/components
. 選択 作成… 続いて コンポーネントを作成… 開くダイアログでは、次の項目を指定できます。
googleanalyticspage
Google Analytics Page
cq/cloudserviceconfigs/components/configpage
.hidden
「次へ」を 2 回クリックして、次の項目を指定します。
acs/analytics/templates/googleanalytics
「次へ」を 2 回クリックして、「OK」をクリックします。
プロパティを「googleanalyticspage
」に追加します。
cq:defaultView
html
という名前のファイルを作成します。 content.jsp
under /apps/acs/analytics/components/googleanalyticspage
(次の内容)
<%@page contentType="text/html"
pageEncoding="utf-8"%><%
%><%@include file="/libs/foundation/global.jsp"%><div>
<div>
<h3>Google Analytics Settings</h3>
<ul>
<li><div class="li-bullet"><strong>accountID: </strong><br><%= xssAPI.encodeForHTML(properties.get("accountID", "")) %></div></li>
</ul>
</div>
の下にノードを作成します。 /apps/acs/analytics/components/googleanalyticspage/
:
名前:dialog
型:cq:Dialog
プロパティ:
title
String
Google Analytics Config
xtype
String
dialog
の下にノードを作成します。 /apps/acs/analytics/components/googleanalyticspage/dialog
:
名前:items
型:cq:Widget
プロパティ:
xtype
String
tabpanel
の下にノードを作成します。 /apps/acs/analytics/components/googleanalyticspage/dialog/items
:
items
cq:WidgetCollection
の下にノードを作成します。 /apps/acs/analytics/components/googleanalyticspage/dialog/items/items
:
名前:tab1
型:cq:Panel
プロパティ:
title
String
Config
の下にノードを作成します。 /apps/acs/analytics/components/googleanalyticspage/dialog/items/items/tab1
:
名前:items
型:nt:unstructured
プロパティ:
名前:fieldLabel
タイプ:文字列
値:アカウント ID
名前:fieldDescription
型:String
値:The account ID assigned by Google. Usually in the form UA-NNNNNN-N
名前:name
型:String
値:./accountID
名前:validateOnBlur
型:String
値:true
名前:xtype
型:String
値:textfield
/libs/cq/cloudserviceconfigs/components/configpage/body.jsp
を /apps/acs/analytics/components/googleanalyticspage/body.jsp
にコピーして、34 行目の libs
を apps
に変更し、79 行目のスクリプト参照を完全修飾パスにします。
の下にテンプレートを作成します。 /apps/acs/analytics/templates/
:
acs/analytics/components/googleanalyticspage
googleanalytics
Google Analytics Configuration
/etc/cloudservices/googleanalytics(/.*)?
/apps/acs/analytics/templates/googleanalytics
cq/cloudserviceconfigs/templates/configpage
(jcr:content ノードではなくテンプレートノード)/etc/designs/cloudservices/googleanalytics
(jcr:content)コンポーネントを作成します。 /apps/acs/analytics/components/googleanalytics
.
次の内容を googleanalytics.jsp
に追加します。
<%@page import="org.apache.sling.api.resource.Resource,
org.apache.sling.api.resource.ValueMap,
org.apache.sling.api.resource.ResourceUtil,
com.day.cq.wcm.webservicesupport.Configuration,
com.day.cq.wcm.webservicesupport.ConfigurationManager" %>
<%@include file="/libs/foundation/global.jsp" %><%
String[] services = pageProperties.getInherited("cq:cloudserviceconfigs", new String[]{});
ConfigurationManager cfgMgr = resource.getResourceResolver().adaptTo(ConfigurationManager.class);
if(cfgMgr != null) {
String accountID = null;
Configuration cfg = cfgMgr.getConfiguration("googleanalytics", services);
if(cfg != null) {
accountID = cfg.get("accountID", null);
}
if(accountID != null) {
%>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '<%= accountID %>']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script><%
}
}
%>
これによって、設定プロパティに基づいたカスタムマークアップが出力されます。
に移動します。 http://localhost:4502/miscadmin#/etc/cloudservices
ページを作成します。
Google Analytics
googleanalytics
CRXDE Lite に戻り、/etc/cloudservices/googleanalytics
の下で、次のプロパティを jcr:content
に追加します。
componentReference
String
acs/analytics/components/googleanalytics
新しく作成されたサービスページ ( http://localhost:4502/etc/cloudservices/googleanalytics.html
) をクリックし、 + 設定を作成するには:
/etc/cloudservices/googleanalytics
My First GA Config
「Google Analytics 設定」を選択し、「作成」をクリックします。
を入力します。 アカウント ID例: AA-11111111-1
. 「OK」をクリックします。
ページに移動し、新しく作成した設定をページプロパティの Cloud Service タブをクリックします。
ページにはカスタムマークアップが追加されます。