Registre un evento web personalizado cuando un visitante introduzca un código promocional incorrecto dos veces

Supuestos

  • La validación se produce en el backend.
  • Cuando un visitante hace clic en un botón con el ID `promo-code-submit-button`, el código promocional se envía para su validación.
  • Si el código promocional no es válido, el frontend muestra un mensaje que tiene una clase llamada `promo-code-error-message`.

Acérquese a

  1. Compruebe si el mensaje de error de validación del código promocional aparece después de enviar el formulario.
  2. Espere 3 segundos después de enviar el código promocional para permitir que la validación del backend del código promocional se complete y se muestre en el frontend.
  3. Si el código de validación no es válido, incrementa un contador. Si el código de validación es válido, ponga el contador a 0.
  4. Si el contador llega a 2, envía el evento web personalizado.

HTML antes de que el visitante envíe el formulario

<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 después de que el visitante introduzca un código no válido

  <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>

Etiqueta para clientes del chat web

La siguiente etiqueta sólo se aplica a los clientes que utilizan el chat web . Si usted es un cliente de Genesys Cloud CX que utiliza mensajería web, utilice la etiqueta para clientes de mensajería 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);  });

Etiqueta para clientes de mensajería web

La siguiente etiqueta sólo se aplica a los clientes de Genesys Cloud CX que utilizan mensajería web. Si utiliza el chat web , utilice la etiqueta para clientes de chat 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) {          Genesys("command", "Journey.record", { eventName: "promoError2x_triggered"});        }      } else {        promoErrorCounter = 0;      }    }, 3000);  });

Registrar un evento web personalizado cuando un visitante añade un producto a su cesta

Supuestos

Esta etiqueta asume que existe una clase común Add-to-cart para el botón Add to cart, y que la clase y el botón se utilizan de forma coherente en todo el sitio.

Acérquese a

Cuando un visitante hace clic en un botón que utiliza la clase común Add-to-cart, Genesys Predictive Engagement registra un eventCode web personalizado.

HTML

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

Etiqueta para clientes del chat web

La siguiente etiqueta sólo se aplica a los clientes que utilizan el chat web . Si usted es un cliente de Genesys Cloud CX que utiliza mensajería web, utilice la etiqueta para clientes de mensajería web.
ac('dom', 'ready', function () {    Array.prototype.forEach.call(document.querySelectorAll('.add-to-cart'), function (addToCartButton) {      addToCartButton.on('click', function () {        ac('record', 'product_added');      });    });  });
Propina
"product_added" es un nombre de evento que recibe un icono especial en el mapa de recorrido del cliente .

Etiqueta para clientes de mensajería web

La siguiente etiqueta sólo se aplica a los clientes de Genesys Cloud CX que utilizan mensajería web. Si utiliza el chat web , utilice la etiqueta para clientes de chat web.
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"});      });    });  });
Propina
"product_added" es un nombre de evento que recibe un icono especial en el mapa de recorrido del cliente .

Rastrear cuando un visitante tiene un producto adjunto en la página de pedido completo

Para utilizar esta etiqueta, sustituya los valores productURL y product por los atributos específicos de su organización.

Etiqueta para clientes del chat web

La siguiente etiqueta sólo se aplica a los clientes de Genesys Cloud CX que utilizan web chat. Si utiliza mensajería web, utilice la etiqueta para clientes de mensajería 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');        }    });});

Etiqueta para clientes de mensajería web

La siguiente etiqueta sólo se aplica a los clientes de Genesys Cloud CX que utilizan mensajería web. Si utiliza el chat web , utilice la etiqueta para clientes de chat 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            Genesys("command", "Journey.record", { eventName: "product_purchased"});        }    });});