Les compétences pour réussir
Ask the Community
Storefront Preview
Active Data
Rapports et tableaux de bord
Intégrer PWA Kit à Data Cloud
Avec les tableaux de bord des rapports & B2C Commerce, vous pouvez identifier les tendances dans le temps et prendre des décisions commerciales plus intelligentes en fonction de vos données B2C Commerce. Affichez des données sur les mesures de conversion des commandes, le trafic sur le site, les produits fréquemment recherchés, etc. Ce guide explique comment configurer et vérifier les tableaux de bord Reports & à utiliser avec votre site Progressive Web App (PWA) Kit.
Pour utiliser les tableaux de bord Reports & :
Sauf indication contraire, tous les points de ce guide s’appliquent aux sites créés 100% avec une boutique composable (PWA Kit) ou avec un déploiement progressif sans interface utilisateur.
Note
Une fois les conditions préalables remplies, configurez les tableaux de bord Reports & en procédant comme suit.
Déploiement headless par phases uniquement : Suivez la procédure décrite dans Einstein Activities pour les déploiements découplés progressifs.
Dans votre projet PWA Kit, accédez à template-retail-react-app/config/default.js et définissez les propriétés comme suit.
host: Presque toujours défini sur l’instance api.cquotient.comde production Einstein. Si vous souhaitez utiliser un proxy, vous pouvez définir cette propriété sur une valeur telle que /mobify/proxy/einstein. Aucune donnée n’est visible dans les tableaux de bord Reports & après une configuration correcte.
einsteinId: La clé API Einstein que vous avez reçue lors de la configuration de Business Manager.
siteId: Utilisez le format realm-siteId. Par exemple, zzrf-RefArch.
isProduction: Définissez cette propriété sur si les données proviennent d’un trueenvironnement MRT de production. Les données n’apparaissent dans les tableaux de bord Rapports & que si isProductionl’option est définie sur true. Définissez cette option sur falsesi les données ne proviennent pas d’un environnement MRT (Managed Runtime) de production. Par exemple, si vous travaillez dans un environnement de développement.
Dans cet exemple, remplacez les espaces réservés par des valeurs réelles. Les espaces réservés sont formatés ainsi : $PLACEHOLDER.
1einsteinAPI: {
2 host: 'https://api.cquotient.com',
3 einsteinId: '$EINSTEIN_ID',
4 siteId: '$SITE_ID',
5 isProduction: false
6}Une fois la configuration terminée, les données s’affichent dans les tableaux de bord Reports & dans les 24 heures. Par la suite, toutes les nouvelles données apparaissent dans les tableaux de bord Reports & 24 heures après la survenance d’un événement correspondant.
Installez le module complémentaire Chrome Commerce Cloud Recommendation Validator pour afficher les événements d’activité qu’une page envoie.
Vous pouvez également vérifier les requêtes réseau dans votre navigateur et filtrer les api.cquotient.com requêtes.
Une fois les conditions préalables et la configuration terminées, vérifiez vos données dans Reports & Dashboards. Nous vous recommandons de vérifier vos numéros de commande.

Cette section propose des solutions pour les erreurs courantes que vous pouvez rencontrer lors de l’utilisation des tableaux de bord Rapports & .
Cause potentielle : Vous avez configuré les tableaux de bord Reports & il y a moins de 24 heures.
Solution suggérée : Attendez au moins 24 heures après avoir terminé la configuration avant de vérifier vos tableaux de bord Rapports & .
Cause potentielle : Les conditions préalables n’ont pas été remplies ou la configuration des tableaux de bord Reports & est incorrecte.
Solution suggérée : Affichez les appels d’API Einstein Activity pour votre site à l’aide de l’onglet Réseau dans DevTools. Si vous le souhaitez, vous pouvez également installer l’addon Chrome Commerce Cloud Recommendation Validator. Ces champs s’affichent dans Commerce Cloud Recommendation Validator.
prd, vos données n’apparaissent pas. Définissez la isProduction propriété sur true de sorte qu’elle instanceType soit définie sur prd. Reportez-vous à la section Configurer les tableaux de bord des rapports&.Cause potentielle : Les bloqueurs de publicités arrêtent les requêtes envoyées à l’Einstein Activities API.
Solution suggérée :
Configurez un proxy dans Runtime Admin comme décrit dans Configurer les environnements d’exécution gérés.
mobify/proxy/einstein.api.cquotient.com.La configuration d’un proxy peut empêcher l’affichage de données dans les tableaux de bord Reports & . En effet, toutes les chaînes de requête de l’agent utilisateur apparaîtront dans les tableaux de bord Reports & en tant que robots (et non en tant que véritables acheteurs), car le proxy remplace l’en-tête de l’agent utilisateur par Amazon Cloudfront. Pour éviter ce problème, mettez à jour le code de l’API Einstein dans votre projet PWA Kit pour envoyer clientUserAgent = navigator.usserAgent la requête Einstein.
Dans votre projet, accédez à /template-retail-react-app/app/hooks/use-einstein.js ce code et ajoutez-le.
1if (this.isProduction) {
2 body.instanceType = instanceType_prd
3} else {
4 body.instanceType = instanceType_sbx
5}
6
7// This is included in the Einstein request.
8body.clientUserAgent = navigator.userAgent
9
10return bodyLa configuration d’un proxy peut ralentir les performances de votre site.
Note