제품 관련 태그

방문자가 잘못된 프로모션 코드를 두 번 입력하면 사용자 지정 웹 이벤트를 기록합니다.

가정

  • 유효성 검사는 백엔드에서 발생합니다.
  • 방문자가 ID가 'promo-code-submit-button'인 버튼을 클릭하면 프로모션 코드가 유효성 검사를 위해 제출됩니다.
  • 프로모션 코드가 유효하지 않으면 프런트엔드에 'promo-code-error-message'라는 클래스가 있는 메시지가 표시됩니다.

접근하다

  1. 양식 제출 후 프로모션 코드 유효성 검사 오류 메시지가 표시되는지 확인하십시오.
  2. 프로모션 코드가 제출된 후 프로모션 코드의 백엔드 유효성 검사가 완료되고 프런트엔드에서 렌더링될 수 있도록 3초 동안 기다립니다.
  3. 확인 코드가 유효하지 않으면 카운터를 증가시킵니다. 유효성 검사 코드가 유효하면 카운터를 0으로 설정합니다.
  4. 카운터가 2가 되면 사용자 지정 웹 이벤트를 보냅니다.

방문자가 양식을 제출하기 전의 HTML

<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

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

웹 채팅 고객을 위한 태그

다음 태그는 다음을 사용하는 고객에게만 적용됩니다. 웹 채팅. Genesys Cloud CX 고객인 경우 웹 메시징, 웹 메시징 고객용 태그를 사용하십시오.
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);  });

웹 메시징 고객을 위한 태그

다음 태그는 다음을 사용하는 Genesys Cloud CX 고객에게만 적용됩니다. 웹 메시징. 당신이 사용하는 경우 웹 채팅, 웹 채팅 고객을 위한 태그를 사용하십시오.
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);  });

방문자가 장바구니에 제품을 추가하면 사용자 지정 웹 이벤트를 기록합니다.

가정

이 태그는 다음에 대한 공통 장바구니에 담기 클래스가 있다고 가정합니다. 장바구니에 담기 버튼, 클래스 및 버튼이 사이트 전체에서 일관되게 사용됩니다.

접근하다

방문자가 공통 카트에 추가 클래스를 사용하는 버튼을 클릭하면 Genesys Predictive Engagement가 맞춤형 웹 eventCode를 기록합니다.

HTML

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

웹 채팅 고객을 위한 태그

다음 태그는 다음을 사용하는 고객에게만 적용됩니다. 웹 채팅. Genesys Cloud CX 고객인 경우 웹 메시징, 웹 메시징 고객용 태그를 사용하십시오.
ac('dom', 'ready', function () {    Array.prototype.forEach.call(document.querySelectorAll('.add-to-cart'), function (addToCartButton) {      addToCartButton.on('click', function () {        ac('record', 'product_added');      });    });  });
팁
"product_ added"는 특별한 아이콘을 얻는 이벤트 이름입니다. 고객 여정 지도.

웹 메시징 고객을 위한 태그

다음 태그는 다음을 사용하는 Genesys Cloud CX 고객에게만 적용됩니다. 웹 메시징. 당신이 사용하는 경우 웹 채팅, 웹 채팅 고객을 위한 태그를 사용하십시오.
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"});      });    });  });
팁
"product_ added"는 특별한 아이콘을 얻는 이벤트 이름입니다. 고객 여정 지도.

방문자가 전체 주문 페이지에 첨부된 제품이 있는 경우 추적

이 태그를 사용하려면 제품 URL 그리고 제품 조직별 속성이 포함된 값.

웹 채팅 고객을 위한 태그

다음 태그는 다음을 사용하는 Genesys Cloud CX 고객에게만 적용됩니다. 웹 채팅. 당신이 사용하는 경우 웹 메시징, 웹 메시징 고객용 태그를 사용하십시오.
// 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');        }    });});

웹 메시징 고객을 위한 태그

다음 태그는 다음을 사용하는 Genesys Cloud CX 고객에게만 적용됩니다. 웹 메시징. 당신이 사용하는 경우 웹 채팅, 웹 채팅 고객을 위한 태그를 사용하십시오.
// 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"});        }    });});