Nœud "Partager des Données"

Le nœud “Partager des données”, de type action, sert à envoyer des données à partir d’un nœud précédent "Obtenir des produits". Son utilisation permet de recevoir les données produit pour les utiliser à différentes fins par le client. Par exemple, il est possible de les intégrer aux composants natifs du eCommerce pour afficher des produits recommandés sans avoir besoin d’un Contenu Web.

 

Comment y accéder ?

Dans vos workflows, faites glisser le nœud "Partager des données" depuis le menu de droite jusqu’à la zone de conception. Vous pouvez accéder à sa configuration en cliquant sur  (Modifier la configuration du nœud).

 

Interface

L’interface principale du nœud "Partager des données" est composée de trois blocs :

1. Identifiant : pour introduire un terme permettant d’identifier le nœud et, par la suite, de récupérer les données dans le eCommerce via cet identifiant. 

2. Nœud source : pour indiquer à Connectif à partir de quel nœud obtenir les données. Il ne peut s’agir que d’un nœud source de type “Obtenir des produits”.

3. Champs du nœud source : pour sélectionner les champs que nous voulons recevoir. Les champs en gris sont
obligatoires et ne peuvent pas être désélectionnés.

 

Fonctionnement

Les nœuds de type action sont ceux qui exécutent des opérations spécifiques dans les flux. Le nœud “Partager des données” est utilisé pour envoyer des données au eCommerce à partir d’un nœud précédent "Obtenir des produits". Son utilisation permet de recevoir les données produits pour ensuite les utiliser côté client selon les besoins.

L’un de ses usages les plus répandus permet de personnaliser les composants natifs afin d’afficher des produits personnalisés au contact à partir d’un workflow sans avoir à utiliser un Contenu Web. Particulièrement utile dans les intégrations avec VTEX.

Il fonctionne de manière similaire au nœud "Afficher du contenu web" de Connectif, à la différence que les données ne sont pas affichées sur le site web, mais récupérées via l’identifiant assigné et envoyées dans la réponse du scrippet.

 

1. Utilisation du nœud dans un workflow pour partager les données

Le nœud "Partager des données" peut être utilisé dans un workflow exactement comme un nœud "Afficher du contenu web", à la différence que, dans ce cas, aucun contenu n’est affiché sur la page mais le eCommerce reçoit les données pour ensuite les utiliser comme souhaité.

Dans l’exemple suivant, il est utilisé avec le déclencheur "Lors de la visite d’une page" pour extraire les produits consultés et les envoyer au eCommerce.

 

2. Configuration du nœud "Partager des données"

Dans l’interface du nœud, attribuez un Identifiant (1) à utiliser ensuite pour récupérer les données du nœud (point 3).

Sélectionnez le Nœud Source (2), qui doit toujours être un "Obtenir des produits", à partir duquel les informations produit seront extraites pour être partagées dans ce nœud "Partager des données".

Choisissez les Champs du nœud source (3), pour définir quelles informations seront partagées sur les produits obtenus vers le eCommerce.

 

3. Extraction des données du nœud pour leur utilisation dans le eCommerce

Une fois le nœud configuré et le workflow activé, pour pouvoir récupérer ces données dans le eCommerce et ensuite les utiliser dans les composants natifs, il faut utiliser la fonction suivante :

const identifier = "academy-example";
const sharedData = window.connectif.managed.getSharedDataById(identifier);

Dans cette fonction, l’"identifier" indiqué doit toujours être celui qui est configuré dans le nœud "Partager des données". En suivant l’exemple avec notre identifiant "academy-example", une fois récupéré, le code pourrait ressembler à ceci :

const identifier = "academy-example";

const getAndProcessSharedData = (identifier) => {
  const sharedData = window.connectif.managed.getSharedDataById(identifier);
  if (sharedData && sharedData.products.length > 0) {
    // process the data found according to need
  }
};

const handleSharedDataReceivedEvent = (event) => {
  if (event?.detail?.id === identifier) {
    getAndProcessSharedData(identifier);
  }
};

document.addEventListener(
  "connectif.managed.shared_data_received",
  handleSharedDataReceivedEvent
);

if (
  window.connectif &&
  window.connectif.managed
) {
  getAndProcessSharedData(identifier);
}

 

---

Continuez à apprendre !

Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :

• Nœuds de type Action, pour découvrir les autres nœuds qui exécutent des actions spécifiques dans Connectif.
• Types de tests A/B/X et configuration, pour tester différentes alternatives de contenus et identifier celle offrant les meilleures performances.
• Types de workflows et leurs caractéristiques, pour comprendre le comportement de chacun et optimiser leur efficacité.
• Copier et coller des nœuds, pour accélérer la conception de vos workflows et éviter les erreurs potentielles.