「頁面追蹤器」是JavaScript程式碼的一部分,您會在協力廠商網站的程式碼中加入,讓Adobe Analytics可擷取這些網站Adobe Experience Manager Assets的使用資料。
若要擷取資產專屬的事件(例如點按等),您也可在協力廠商網站的程式碼中加入內嵌程式碼。
下列范常式式碼顯示同時包含「頁面追蹤器」程式碼和「內嵌」程式碼的網頁外觀:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://localhost:4502/xxxx/etc.clientlibs/dam/clientlibs/sitecatalyst/appmeasurement.js"></script>
<script type="text/javascript" src="http://localhost:4502/xxxx/etc.clientlibs/dam/clientlibs/assetinsights/pagetracker.js"></script>
<script type="text/javascript">
assetAnalytics.attrTrackable = 'trackable';
assetAnalytics.defaultTrackable = false;
assetAnalytics.attrAssetID = 'aem-asset-id';
assetAnalytics.assetImpressionPollInterval = 200; // interval in milliseconds
assetAnalytics.charsLimitForGET = 2000; // bytes
assetAnalytics.dispatcher.init("assetstesting","xxxx","xxx","list1","eVar3","event8","event7");
</script>
</head>
<body>
<img
src="https://10.41.52.147:4502/xxxx/content/dam/test/abc.jpg"
data-aem-asset-id="aaid:a386f2cd78234becb66bd11575f9452d"
data-trackable=true
onload=assetAnalytics.core.assetLoaded(this)>
<a
href="https://www.adobe.com"
onclick="assetAnalytics.core.assetClicked(this);return false">
<img
src="http://localhost/xxxx/content/dam/test/xyz.jpg"
data-aem-asset-id="aaid:7fa01fce0ebe40268cd6dcf07e2d9cb1"
data-trackable=true
onload=assetAnalytics.core.assetLoaded(this)>
</a>
</body>
</html>
您可將頁面追蹤器程式碼新增至網站程式碼的標題區段中。 下列程式碼片段會顯示範例網頁中包含的「頁面追蹤器」程式碼:
<head>
<script type="text/javascript" src="http://localhost:4502/xxxx/etc.clientlibs/dam/clientlibs/sitecatalyst/appmeasurement.js"></script>
<script type="text/javascript" src="http://localhost:4502/xxxx/etc.clientlibs/dam/clientlibs/foundation/assetinsights/pagetracker.js"></script>
<script type="text/javascript">
assetAnalytics.attrTrackable = 'trackable';
assetAnalytics.defaultTrackable = false;
assetAnalytics.attrAssetID = 'aem-asset-id';
assetAnalytics.assetImpressionPollInterval = 200; // interval in millis
assetAnalytics.charsLimitForGET = 2000; // bytes
assetAnalytics.dispatcher.init("assetstesting","abc.net","bee","list1","eVar3","event8","event7");
</script>
</head>
您可將內嵌代碼新增至網站代碼的正文中。 下列程式碼片段會顯示範例網頁中包含的內嵌程式碼:
<body>
<img
src="http://localhost:4502/xxxx/content/dam/test/xyz.jpg"
data-aem-asset-id="aaid:a386f2cd78234becb66bd11575f9452d"
data-trackable=true
onload=assetAnalytics.core.assetLoaded(this)>
<a
href="https://www.adobe.com"
onclick="assetAnalytics.core.assetClicked(this);return false">
<img
src="http://localhost:4502/xxxx/content/dam/test/xyz.jpg"
data-aem-asset-id="aaid:7fa01fce0ebe40268cd6dcf07e2d9cb1"
data-trackable=true
onload=assetAnalytics.core.assetLoaded(this)>
</a>
</body>