Utilisation du dispositif de suivi de page et du code intégré sur les pages web using-page-tracker-and-embed-code-in-web-pages
Le dispositif de suivi de page est un élément de code JavaScript que vous incluez dans le code des sites web tiers pour permettre à Adobe Analytics de capturer des données d’utilisation des ressources Adobe Experience Manager Assets sur ces sites web.
Pour capturer des événements tels que des clics propres aux ressources, vous devez également inclure le code intégré dans le code des sites web tiers.
L’exemple de code suivant indique à quoi ressemble une page web qui contient le code de suivi de page et le code intégré :
<!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>
Ajout d’un code de suivi de page adding-page-tracker-code
Vous ajoutez le code de suivi de page dans la section d’en-tête du code de votre site web. Le fragment de code suivant présente le code de suivi de page inclus dans un exemple de page web :
<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>
Ajout de code incorporé add-embed-code
Vous ajoutez le code intégré dans le corps du code de votre site web. Le fragment de code suivant présente le code intégré inclus dans un exemple de page web :
<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>