Etiquetas relacionadas con el producto
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
- Compruebe si el mensaje de error de validación del código promocional aparece después de enviar el formulario.
- 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.
- 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.
- 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 es cliente de Genesys Cloud CX y utiliza web messaging, 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 utilicen web messaging. 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 es cliente de Genesys Cloud CX y utiliza web messaging, 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'); }); }); });
Etiqueta para clientes de mensajería web
La siguiente etiqueta sólo se aplica a los clientes de Genesys Cloud CX que utilizan web messaging. 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"}); }); }); });
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 la 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 web messaging. 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"}); } });});