Veuillez suivre les étapes décrites dans cet article afin de visualiser les événements tangibles dans votre propre Google Analytics (GA).

Collecte de mesures de performance tangibles lorsque vous disposez d'une intégration semi-gérée ou en libre-service

Vue d'ensemble

Le but de ce document est de spécifier comment configurer les analyses, afin de suivre les performances tangibles de votre site Web.

Une fois que le suivi des performances a été configuré et testé, l'équipe de Tangiblee peut fournir des résultats de performance continus montrant la valeur que Tangiblee apporte au client.

Les indicateurs de performance se composent de deux parties :

1. Statistiques issues de la page détaillée du produit (PDP)
2. Suivi des commandes

Les mesures de performance peuvent être configurées par l'équipe de Tangiblee ou par votre équipe, selon le type d'intégration que vous avez choisi.

Semi-géré

Avec cette option, nous vous fournirons le code initial pour le suivi des métriques sur le PDP et le suivi des commandes. Vous hébergez ce code et pouvez mettre à jour les variables de transaction en cas de modification de la couche de données.

Exemple de code de mappage sur PDP :

<script>
 //...assuming you already configured CTA
 window.tangibleeAnalytics = window.tangibleeAnalytics || function() {
   (window.tangibleeAnalytics.q = window.tangibleeAnalytics.q || []).push(arguments);
 };
 window.tangibleeAnalytics('setAnalyticsPlugin', 'InfoPortalAnalytics', {});
 window.tangibleeAnalytics('setAnalyticsPlugin', 'GoogleAnalytics', {
   trackingId: 'UA-XXXXXXXX-01'
 });
</script>
<script async src="https://cdn.tangiblee.com/integration/3.1/tangiblee.min.js"></script>

Exemple de code de mappage pour la page de paiement :

<script>
  window.tangibleeAnalytics = window.tangibleeAnalytics || function() {
    (window.tangibleeAnalytics.q = window.tangibleeAnalytics.q || []).push(arguments);
  };
  window.tangibleeAnalytics('trackOrder', {
    currency: 'USD', //order currency
    items: [
    {
      sku: 'MRC12EQ', //order line sku
      name: 'Maracuya', //order line name
      qty: 2, //order line quantity
      price: 5 //order line price per item
    }]
  });
</script>
<script async src="https://cdn.tangiblee.com/analytics/1.0/ta.min.js"></script>

Libre-service

Pour collecter des métriques à partir de PDP, vous devez tout d'abord déclarer l'objet TangibleeAnalytics (en supposant que vous ayez déjà configuré le CTA) :

window.tangibleeAnalytics = window.tangibleeAnalytics || function() {
    (window.tangibleeAnalytics.q = window.tangibleeAnalytics.q || []).push(arguments);
};

Dans le cas d'un test A/B, vous devez également configurer le nom de la variante (Tangiblee est une valeur par défaut) :

window.tangibleeAnalytics('setVariation', 'Tangiblee Black Button');

Vous pouvez maintenant commencer à configurer les analyses.

Toute la logique d'analyse est divisée en plugins. Chaque plugin est responsable de son fournisseur et doit être configuré à l'aide d'une méthode appelée SetAnalyticsPlugin.

Il existe actuellement 2 plugins d'analyse principaux :

1. Analyse d'InfoPortal - ce fournisseur d'analyses envoie des données à notre portail https://info.tangiblee.com

EXEMPLE : 

Nous n'avons aucune configuration pour ce fournisseur, il est donc très facile à configurer :

window.tangibleeAnalytics('setAnalyticsPlugin', 'InfoPortalAnalytics', {});

2. Google Analytics - Il s'agit d'un fournisseur GA (analytics.js).

EXEMPLE :

window.tangibleeAnalytics('setAnalyticsPlugin', 'GoogleAnalytics', {
    trackingId: 'UA-XXXXXXXX-XX',
    inPageAnalytics: false,
    trackerName: 'tangiblee',
    useCustomerTrackingId: false,
    googleAnalyticsObject: false,
    ecommerceTracking: true,
    enhancedEcommerce: false,
    forceGaScriptInjecting: false,
    customTangibleeDimension: 1,
    customWidgetDimension: 2,
    customWidgetSessionDimension: 3,
    customTangibleeSessionDimension: 4,
    customTangibleeUserDimension: 5
});

• Comme vous pouvez le constater, il existe de nombreux paramètres ici, mais un seul est requis (trackingId) :
• Identité de suivi - identifiant de compte ga. Paramètre obligatoire.
• Objet Google Analytics - peut être une chaîne ou une fonction qui renvoie un objet. Valeur par défaut « ga », ce qui signifie que nous utilisons window ['ga'].
• Forcer l'injection de Gascript - s'il n'y a pas de fichier analytics.js sur la page, vous pouvez forcer son injection en définissant cet indicateur sur true.
• Suivi du commerce électronique - si le suivi des commandes est activé, définissez cet indicateur sur true. Vrai par défaut.
• Commerce électronique amélioré - si nous devons utiliser renforcée commerce - réglez cela sur true. False par défaut.
• Dans Page Analytics - si ce drapeau est faux, nous créons notre propre traceur ga, sinon en utilisant le tracker du client.
• Nom du tracker - nom du traceur gay (tangible par défaut). Si nous utilisons le tracker du client, nous devons spécifier quel tracker utiliser.
• ID de suivi client de l'utilisateur - utilisez ce drapeau lorsque l'identifiant de suivi du client sur notre traceur est nécessaire
• Dimension tangible personnalisée - CustomTangibleeUserDimension - lorsque nous utilisons le tracker du client, nous devons lui demander de créer nos 5 CD et de partager des index avec nous, puis nous devons les configurer dans la configuration.

REMARQUE: vous pouvez également configurer quelques traceurs GA, par exemple, envoyer des données à notre traceur et au vôtre en même temps :

window.tangibleeAnalytics('setAnalyticsPlugin', 'GoogleAnalytics', {
    trackingId: 'UA-XXXXXXXX-01',
    ecommerceTracking: false
});
window.tangibleeAnalytics('setAnalyticsPlugin', 'GoogleAnalytics', {
    trackingId: 'UA-XXXXXXXX-02',
    inPageAnalytics: true,
    trackerName: '',
    useCustomerTrackingId: false,
    ecommerceTracking: false,
    customTangibleeDimension: 16,
    customWidgetDimension: 17,
    customWidgetSessionDimension: 18,
    customTangibleeSessionDimension: 19,
    customTangibleeUserDimension: 20
});

REMARQUE: Suivi des commandes pour les plugins avec InPageAnalytics==True est ignoré (pour éviter de l'envoyer deux fois à l'AG du client).

Suivi des commandes

Pour collecter le suivi des commandes, placez notre Analyses tangibles bibliothèque sur la page de paiement :

<script async src="https://cdn.tangiblee.com/analytics/1.0/ta.min.js"></script>

Ensuite, vous devez déclarer Analyses tangibles objet :

window.tangibleeAnalytics = window.tangibleeAnalytics || function() {
    (window.tangibleeAnalytics.q = window.tangibleeAnalytics.q || []).push(arguments);
};

Il existe deux manières de configurer le suivi des commandes :

1. Appelez TrackOrder directement sur la page de remerciement.

window.tangibleeAnalytics('trackOrder', {
    currency: 'USD', //order currency
    items: [
        {
          sku: 'MRC12EQ', //order line sku
          name: 'Maracuya', //order line name
          qty: 2, //order line quantity
          price: 5 //order line price per item
        }
    ]
});

2. Configurer le suivi automatique - Analyses tangibles enverra automatiquement la commande par la fonction d'analyse spécifiée et l'URL où nous devons exécuter.

window.tangibleeAnalytics('setAutoTracking', {
    trackOn: '/thankyoupage', //url string or regexp or fucntion
    parseOrder: parseOrder //function that returns order object
});

Où TrackOn est l'URL de la page de remerciement et ParseOrder qui renvoie les données de commande au format de la méthode 1.