Configurez Adobe Analytics et Dynamic Tag Manager (DTM) pour collecter des données pour les applications Livefyre.
Mappage des événements Livefyre à un ou plusieurs événements de succès personnalisés dans le Gestionnaire de suites de rapports Adobe Analytics.
Pour plus d’informations sur le Gestionnaire de suites de rapports, voir Gestionnaire de suites de rapports.
Mappez les variables de conversion Livefyre (eVars) aux variables de conversion dans le Gestionnaire de suites de rapports d’administration d’Adobe Analytics. Les variables de conversion agissent comme une fonction de tri pour déterminer la manière dont vous prévoyez d’identifier les données collectées à partir des événements Livefyre.
Dans le Gestionnaire de suites de rapports, cliquez sur Edit Settings > Conversion > Conversion Variables.
Sélectionnez les variables de conversion personnalisées (eVars) à utiliser et mappez-les aux variables de conversion Livefyre. Pour mapper une variable de conversion Livefyre à une variable de conversion personnalisée :
Enregistrez les variables de conversion personnalisées.
Utilisez les balises pour intégrer Analytics aux événements Livefyre. Pour ce faire, créez une propriété et un outil, puis ajoutez la nouvelle suite de rapports avec les événements Livefyre à la propriété . Pour plus d’informations, voir Présentation des balises.
Vous n’avez pas besoin d’effectuer cette étape si une propriété ou un outil est déjà configuré pour la suite de rapports que vous avez configurée avec les événements Livefyre.
Dans la gestion dynamique des balises, créez ou modifiez une propriété existante.
Créez ou modifiez un outil Adobe Analytics existant.
Si aucun outil Adobe Analytics n’existe, cliquez sur le bouton Add a Tool.
Définissez les paramètres suivants pour l’outil :
Ajoutez ou confirmez le nom de la suite de rapports avec les événements Livefyre dans le champ Report Suites.
Configurez une règle de chargement de page pour extraire toutes les données. La règle de chargement de page vous permet de placer du code JavaScript personnalisé dans la règle qui enregistre l’événement au chargement de la page.
N’utilisez pas de règles basées sur un événement ni de règles d’appel direct.
Dans DTM, sélectionnez l’onglet Rules .
Cliquez sur Page Load Rules.
Cliquez sur le bouton Create New Rule .
Ouvrez la section Conditions en cliquant sur le bouton Plus .
Déclenchez la règle. Choisissez les types de déclencheur DOM Ready ou Onload si vous souhaitez retarder ou mettre en oeuvre la règle de manière asynchrone.
(Facultatif) Ajoutez des paramètres supplémentaires pour limiter les pages qui affichent les applications Livefyre. Pour plus d’informations sur les options de configuration supplémentaires, voir Présentation des balises.
Sous Javascript/ Third Party Tags, cliquez sur l’onglet Non-sequential, puis sur Add New Script.
Sélectionnez Sequential HTML comme type de script.
Ajoutez le script suivant dans l’éditeur de code et cliquez sur Save Code.
Le script suivant appelle la règle d’appel direct livefyre_analytics
après le chargement du code JavaScript Livefyre. L’exemple de script suivant vérifie toutes les 400 ms si livefyre.analytics
se trouve sur la page. Une fois la page chargée, livefyre.analytics envoie les informations de suivi.
/**
* Poll for Livefyre.analytics object to exist since it gets loaded via the
* Livefyre.js JavaScript file. Depending on the timing, this could already
* exist or need a little time.
*/
function pollForAnalytics() {
if (Livefyre.analytics) {
_satellite.track('livefyre_analytics');
return true;
}
setTimeout(pollForAnalytics, 400);
}
setTimeout(pollForAnalytics, 400);
Cliquez sur Save Code.
Cliquez sur Save Rule.
Il existe d’autres façons d’implémenter Livefyre avec la gestion dynamique des balises en utilisant des événements personnalisés, des champs d’interface utilisateur Adobe Analytics dans la gestion dynamique des balises et des éléments de données. Ce document utilise du code JavaScript personnalisé pour obtenir le même résultat.
Dans la gestion dynamique des balises, sélectionnez l’onglet Règles, puis cliquez sur Règles d’appel direct.
Cliquez sur le bouton Créer une règle .
Nommez la nouvelle règle Livefyre Analytics.
Développez la zone de configuration conditions .
Dans le champ Chaîne, saisissez livefyre_analytics
.
Développez la section JavaScript / Balise tierce et cliquez sur le bouton Ajouter un nouveau script .
Saisissez Livefyre Analytics Config dans la zone de saisie Nom de balise.
Sélectionnez Javascript Non Séquentiel.
Saisissez le code de configuration Livefyre suivant dans l’éditeur de code, puis cliquez sur le bouton Enregistrer le code .
var s = _satellite.getToolsByType('sc')[0].getS();
var evarMap = {
appId: 'eVar81',
appType: 'eVar82'
};
var eventMap = {
FlagCancel: 'event82',
FlagClick: 'event82',
FlagDisagree: 'event82',
FlagOffensive: 'event82',
FlagOffTopic: 'event82',
FlagSpam: 'event82',
Like: 'event82',
Load: 'event81',
RequestMore: 'event82',
ShareButtonClick: 'event82',
ShareFacebook: 'event82',
ShareOnPostClick: 'event82',
ShareTwitter: 'event82',
ShareURL: 'event82',
SortStream: 'event82',
TwitterLikeClick: 'event82',
TwitterReplyClick: 'event82',
TwitterRetweetClick: 'event82',
TwitterUserFollow: 'event82'
};
function trackLivefyreEvent(data) {
var event = eventMap[data.type];
console.log('Track:', data.type, event);
if (!event) {
console.warn(data.type, 'is not mapped to an event in AA');
return;
}
var vars = ['events'];
switch (event) {
case 'event82': s.eVar83 = data.type;
vars.push('eVar83');
break;
default:
}
['generator', 'evars'].forEach(function (type) {
var obj = data[type];
for (var d in obj) {
if (obj.hasOwnProperty(d) && evarMap[d]) {
s[evarMap[d]] = obj[d];
vars.push(evarMap[d]);
}
}
});
s.linkTrackVars = vars.join(',');
s.linkTrackEvents = event;
s.events = event;
console.log('linkTrackVars:', s.linkTrackVars);
console.log('linkTrackEvents:', s.linkTrackEvents);
console.log('events:', s.events);
s.tl();
}
]
/**
*/
function addAnalyticsHandler() {
Livefyre.analytics.addHandler(function (events) {
(events || []).forEach(function (data) {
console.log('Event handled:', data.type);
trackLivefyreEvent(data);
});
});
}
addAnalyticsHandler();
Cliquez sur Enregistrer la règle.
L’exemple de code suivant mappe les eVars spécifiques aux eVars Livefyre disponibles. Le nom de la variable de conversion Livefyre ( eVar
) (par exemple, appId
) correspond au nom que vous avez configuré dans le Gestionnaire de suites de rapports (par exemple, eVar81
). Remplacez les noms eVar
de ce script par les variables de conversion personnalisées.
var s = _satellite.getToolsByType`('sc')[0]`.getS();
var evarMap = {
appId: 'eVar81',
appType: 'eVar82'
};
L’exemple de code suivant mappe les événements spécifiques que vous configurez dans le Gestionnaire de suites de rapports avec les événements Livefyre disponibles. Dans cet exemple, event82
est configuré comme tout événement d’interaction utilisateur sans différencier le type d’événement d’interaction utilisateur (par exemple, aimer ou partager du contenu). Il s’agit d’un moyen efficace d’enregistrer toutes les informations d’interaction de l’utilisateur dans un bloc. Vous pouvez également mapper les événements dans l’interface utilisateur de DTM Analytics avec le référencement des éléments de données.
var eventMap = {
FlagCancel: 'event82',
FlagClick: 'event82',
FlagDisagree: 'event82',
FlagOffensive: 'event82',
FlagOffTopic: 'event82',
FlagSpam: 'event82',
Like: 'event82',
Load: 'event81',
RequestMore: 'event82',
ShareButtonClick: 'event82',
ShareFacebook: 'event82',
ShareOnPostClick: 'event82',
ShareTwitter: 'event82',
ShareURL: 'event82',
SortStream: 'event82',
TwitterLikeClick: 'event82',
TwitterReplyClick: 'event82',
TwitterRetweetClick: 'event82',
TwitterUserFollow: 'event82'
};
L’exemple suivant indique que s’il n’y a pas d’événement dans cette liste, ne faites rien. Vous n’avez pas besoin de modifier cette section de code.
function trackLivefyreEvent(data) {
var event = eventMap[data.type];
console.log('Track:', data.type, event);
if (!event) {
console.warn(data.type, 'is not mapped to an event in AA');
return;
}
Le code suivant différencie les types d’événements enregistrés par event82
. La variable de conversion eVar83
enregistre le type d’interaction de l’utilisateur, et le script configure eVar83
pour séparer les données d’interaction de l’utilisateur par type. eVar83
vous permet donc de ventiler les données enregistrées en types spécifiques d’interactions utilisateur.
var vars = ['events'];
switch (event) {
case 'event82': s.eVar83 = data.type;
vars.push('eVar83');
break;
default:
}
['generator', 'evars'].forEach(function (type) {
var obj = data[type];
for (var d in obj) {
if (obj.hasOwnProperty(d) && evarMap[d]) {
s[evarMap[d]] = obj[d];
vars.push(evarMap[d]);
}
}
});
s.linkTrackVars = vars.join(',');
s.linkTrackEvents = event;
s.events = event;
console.log('linkTrackVars:', s.linkTrackVars);
console.log('linkTrackEvents:', s.linkTrackEvents);
console.log('events:', s.events);
s.tl();
}
L’exemple de code suivant ajoute un gestionnaire pour écouter tous les événements qui se produisent. Il utilise la règle de chargement de page au chargement, attend que des événements existent, puis configure un gestionnaire pour tous les événements de l’application et effectue le suivi de ces événements. Vous n’avez pas besoin de modifier ce code.
/**
* Adds an analytics handler for all analytics events from Livefyre. For each event, it sets the data on a global object and then dispatches the event.
*/
function addAnalyticsHandler() {
Livefyre.analytics.addHandler(function (events) {
(events || []).forEach(function (data) {
console.log('Event handled:', data.type);
trackLivefyreEvent(data);
});
});
}
Pour plus d’informations sur les sujets abordés sur cette page, voir :