Enregistrer un événement web personnalisé lorsqu'un visiteur saisit deux fois un code promo erroné.

Hypothèses

  • La validation se fait en arrière-plan.
  • Quand un visiteur clique sur un bouton avec l'ID `promo-code-submit-button`, le code promo se soumet pour validation.
  • Si le code promo n'est pas valide, le frontend affiche un message qui a une classe appelée `promo-code-error-message`.

Approche

  1. Vérifiez si le message d'erreur de validation du code promo est présent après l'envoi du formulaire.
  2. Attendez 3 secondes après l'envoi du code promotionnel pour permettre la validation du code promotionnel en arrière-plan et son affichage en avant-plan.
  3. Si le code de validation n'est pas valide, un compteur est incrémenté. Si le code de validation est valide, mettez le compteur à 0.
  4. Si le compteur atteint 2, envoyez l'événement web personnalisé.

HTML avant que le visiteur ne soumette le formulaire

<div>    <form action="/promocode">      <label for="promo-code">Promo Code:</label><br>      <input type="text" id="promo-code" data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  name="promo-code"><br>      <input type="submit" id="promo-code-submit-button" data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  value="Submit">    </form>  </div>

HTML après que le visiteur ait entré un code invalide

  <div>    <form action="/promocode">      <label for="promo-code">Promo Code:</label><br>      <input type="text" id="promo-code" data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  data-origID="promo-code"  name="promo-code"><br>      <input type="submit" id="promo-code-submit-button" data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  data-origID="promo-code-submit-button"  value="Submit">    </form>    <div class="promo-code-error-message">      The submitted promo code is invalid    </div>  </div>

Tag pour les clients du chat web

La balise suivante ne s'applique qu'aux clients utilisant web chat. Si vous êtes un client Genesys Cloud CX utilisant la messagerie Web , utilisez la balise pour les clients de messagerie Web.
var promoErrorCounter = 0;  document.querySelector('#promo-code-submit-button').on('click', function () {    setTimeout(function () {      if (document.querySelector('.promo-code-error-message').length) {        promoErrorCounter += 1;        if (promoErrorCounter === 2) {          ac('record', 'promoError2x_triggered');        }      } else {        promoErrorCounter = 0;      }    }, 3000);  });

Tag pour les clients de la messagerie web

La balise suivante s'applique uniquement aux clients Genesys Cloud CX utilisant la messagerie Web . Si vous utilisez web chat, utilisez la balise pour les clients du web chat.
var promoErrorCounter = 0;  document.querySelector('#promo-code-submit-button').on('click', function () {    setTimeout(function () {      if (document.querySelector('.promo-code-error-message').length) {        promoErrorCounter += 1;        if (promoErrorCounter === 2) {          Genesys("command", "Journey.record", { eventName: "promoError2x_triggered"});        }      } else {        promoErrorCounter = 0;      }    }, 3000);  });

Enregistrer un événement web personnalisé lorsqu'un visiteur ajoute un produit à son panier

Hypothèses

Cette balise suppose qu'il existe une classe d'ajout au panier commune pour le bouton Add to cart, et que la classe et le bouton sont utilisés de manière cohérente sur le site.

Approche

Lorsqu'un visiteur clique sur un bouton qui utilise la classe commune Add-to-cart, Genesys Predictive Engagement enregistre un eventCode web personnalisé.

HTML

  <div>    <button type="default" class="button add-to-cart" value="Add to cart">  </div>

Tag pour les clients du chat web

La balise suivante ne s'applique qu'aux clients utilisant web chat. Si vous êtes un client Genesys Cloud CX utilisant la messagerie Web , utilisez la balise pour les clients de messagerie Web.
ac('dom', 'ready', function () {    Array.prototype.forEach.call(document.querySelectorAll('.add-to-cart'), function (addToCartButton) {      addToCartButton.on('click', function () {        ac('record', 'product_added');      });    });  });
Astuce :
"product_added" est un nom d'événement qui reçoit une icône spéciale dans la carte du parcours client .

Tag pour les clients de la messagerie web

La balise suivante s'applique uniquement aux clients Genesys Cloud CX utilisant la messagerie Web . Si vous utilisez web chat, utilisez la balise pour les clients du web chat.
Genesys("subscribe", "Journey.ready", function(){    Array.prototype.forEach.call(document.querySelectorAll('.add-to-cart'), function (addToCartButton) {      addToCartButton.on('click', function () {        Genesys("command", "Journey.record", { eventName: "product_added"});      });    });  });
Astuce :
"product_added" est un nom d'événement qui reçoit une icône spéciale dans la carte du parcours client .

Vérifier si un visiteur a un produit joint sur la page de commande complète.

Pour utiliser cette balise, remplacez les valeurs productURL et product par les attributs propres à votre organisation.

Tag pour les clients du chat web

La balise suivante s'applique uniquement aux clients de Genesys Cloud CX utilisant web chat. Si vous utilisez la messagerie Web , utilisez la balise pour les clients de la messagerie Web.
// check the content of the shopping cart when the checkout button is clicked// load the following snippet on page load$("button.checkoutKaButton").on("click", function () {    $(".product-item-wrapper").find("a").each(function () {        var productUrl = this.href;        if (productUrl.indexOf("attachments") != -1 && productUrl.indexOf("product") != -1) {            // send an event to Genesys Predictive Engagement            ac('record', 'product_purchased');        }    });});

Tag pour les clients de la messagerie web

La balise suivante s'applique uniquement aux clients de Genesys Cloud CX utilisant la messagerie Web . Si vous utilisez web chat, utilisez la balise pour les clients du web chat.
// check the content of the shopping cart when the checkout button is clicked// load the following snippet on page load$("button.checkoutKaButton").on("click", function () {    $(".product-item-wrapper").find("a").each(function () {        var productUrl = this.href;        if (productUrl.indexOf("attachments") != -1 && productUrl.indexOf("product") != -1) {            // send an event to Genesys Predictive Engagement            Genesys("command", "Journey.record", { eventName: "product_purchased"});        }    });});