Les Instant Articles de Facebook permettent aux éditeurs de créer rapidement des articles interactifs sur Facebook. Ils peuvent charger le contenu jusqu’à dix fois plus rapidement que le Web mobile.
Vous pouvez incorporer Adobe Analytics aux Instant Articles de Facebook pour suivre le comportement des visiteurs. Puisque le contenu de l’éditeur se trouve dans l’application Facebook et non sur les sites web de l’éditeur, la méthode du balisage diffère légèrement de celle d’une mise en œuvre Analytics standard.
Le processus global de mise en œuvre d’Adobe Analytics est le suivant :
stats.html
. Codez cette page pour extraire les paramètres de chaîne de requête de l’URL et affecter chaque paramètre à une variable Analytics.stats.html
sur votre serveur web.stats.html
dans un iframe.src
d’iframe.stats.html
L’exemple de code HTML ci-dessous peut servir à capturer les statistiques depuis les articles instantanés. Ce fichier est généralement hébergé sur l’un des serveurs web de votre entreprise. Chaque fois qu’un Instant Article est chargé, il charge le fichier dans un iframe, ce qui déclenche l’envoi de données à Adobe.
<html>
<head>
<title>Facebook Stats</title>
<script language="javaScript" type="text/javascript" src="VisitorAPI.js"></script>
<script language="javaScript" type="text/javascript" src="AppMeasurement.js"></script>
</head>
<body>
<script>
var v_orgId = "INSERT-ORG-ID-HERE";
var s_account = "examplersid1,examplersid2";
var s_trackingServer = "example.data.adobedc.net";
var visitor = Visitor.getInstance(v_orgId);
visitor.trackingServer = s_trackingServer;
var s = s_gi(s_account);
s.account = s_account;
s.trackingServer = s_trackingServer;
s.visitor = visitor;
s.pageName = s.Util.getQueryParam("pageName");
s.pageURL = document.referrer; // The referrer to the utility page is the parent frame
s.campaign = s.Util.getQueryParam("cmpId");
s.eVar1 = "Facebook Instant Article";
s.eVar2 = s.Util.getQueryParam("eVar2");
s.t();
</script>
</body>
</html>
stats.html
sur votre serveur webAdobe conseille d’héberger votre page stats.html
avec la dernière version de AppMeasurement.js
et VisitorAPI.js
. Contactez les équipes d’ingénieurs appropriées de votre entreprise pour héberger ce fichier au bon endroit.
stats.html
sur chaque page Instant Article de FacebookLorsque vous créez votre contenu Instant Article de Facebook, incorporez le contenu HTML d’analyse dans une iFrame. Par exemple :
<iframe class="no-margin" src="https://example.com/stats.html" height="0"></iframe>
Vous pouvez effectuer le suivi des variables et des événements personnalisés dans votre code HTML Analytics avec deux méthodes différentes :
stats.html
. Les variables définies ici sont meilleures pour les valeurs qui sont généralement les mêmes pour tous les Instant Articles de Facebook.L’exemple suivant illustre plusieurs variables personnalisées incluses dans une chaîne de requête. Le code JavaScript à l’intérieur de stats.html
vérifie ensuite la chaîne de requête à l’aide de s.Util.getQueryParam()
.
<iframe class="no-margin" src="https://example.com/stats.html?eVar2=Dynamic%20article%20title&pageName=Example%20article%20name&cmpId=exampleID123" height="0"></iframe>
La dimension Référent n’est pas automatiquement suivie en raison de la nature des iFrames. Veillez à inclure cette dimension dans votre chaîne de requête si vous souhaitez en effectuer le suivi.
Tant que la page HTML Analytics est hébergée sur votre serveur web, Adobe peut prendre en charge votre politique de confidentialité existante pour tous les Instant Articles de Facebook. Si un utilisateur choisit de ne pas effectuer de suivi sur votre site principal, il choisit également de ne pas effectuer de suivi sur tous vos Instant Articles de Facebook. La page utilitaire prend également en charge Adobe Experience Cloud Identity Service afin que vous puissiez intégrer les données Instant Article de Facebook au reste d’Experience Cloud.