Activation de la cible Contenu du cookie dans les magasins basés sur React

Pour utiliser la cible Contenu du cookie dans les activités Web, vous devez modifier le fichier TypeScript (.TSX) pour le widget Emplacement e-marketing.

Procedure

  1. Recherchez le nom et l'emplacement du fichier React.TSX pour l'emplacement e-marketing utilisé dans l'activité Web.
    HCL Commerce Version 9.1.11.0 or laterPar exemple, dans le code de vitrine Emerald React, recherchez le fichier use-espot-helper.tsx dans l'emplacement du magasin de référence par défaut react-store/src/components/commerce-widgets/e-marketing-spot-widget/hooks.
  2. Dans un outil d'éditeur, ouvrez le fichier .TSX pour l'emplacement e-marketing dans lequel vous prévoyez d'afficher le contenu marketing ciblé.
  3. Localisez l'appel Ajax eSpotService JavaScript et l'objet JavaScript de paramètres. Par exemple : 
     const parameters: any = {
      storeId: storeID,
      name: eSName,
      catalogId: catalogID,
      widget: widgetName,
      query: {
        DM_ReturnCatalogGroupId: true,
        DM_FilterResults: false,
…
 
const res = await eSpotService.findByName(parameters);
  4. Ajoutez une ligne de code au fichier afin d'affecter le nom et la valeur du cookie à l'objet de paramètres des services marketing. Par exemple, si le nom du cookie est ZIPCODE, la ligne de code peut être : 
    parameters.query["ZIPCODE"] = cookie.ZIPCODE.value;
    • Vous pouvez ajouter les lignes de code au fichier .TSX pour transmettre tous les noms et toutes les valeurs de cookie aux services marketing, comme indiqué dans la ligne de code suivante. Toutefois, il ne s'agit pas de la méthode préférée, car une grande quantité de données inutiles est transmise.
      cookie.forEach((c)=>{
      parameters.query[c.name] = c.value;
    });
  5. Enregistrez et fermez le fichier .TSX.

Results

Vous pouvez désormais utiliser la cible Contenu des cookies dans les activités Web pour le magasin basé sur React.