웹에서 Oracle Infinity를 통해 카트 추가 추적

소개

이 사용지침서에서는 웹 사이트의 카트 추가 작업에 추적을 추가하여 Oracle CX 태그와 함께 Oracle Infinity를 사용하여 웹 사이트의 사용자 카트에 추가된 항목을 추적하는 방법을 보여줍니다.

목표

튜토리얼의 목표는 다음과 같습니다.

필요 조건

이 자습서의 사전 요구 사항은 아래를 참조하십시오.

태그 생성(Oracle CX 태그용)

웹 사이트에 대한 태그를 생성 및 구성해야 합니다.

웹 사이트에 Oracle CX 태그가 이미 있습니까?

웹 사이트에서 사용 중인 태그를 생성한 경우 이 사용 사례에 대해 새 특정 태그를 생성할 필요가 없습니다. (a) 기존 태그가 필요한 페이지에 이미 구현되었는지 확인하거나 (b) 새 태그를 생성하고 필요한 페이지에 구현해야 합니다.

1단계: 페이지에서 Oracle CX 태그 구현

원하는 페이지에서 CX 태그를 아직 구현하지 않은 경우 Oracle Infinity에 대한 추적 요청을 시작할 수 있도록 CX 태그 라이브러리를 로드하려면 이 태그를 페이지에 추가해야 합니다.

  1. 다음 형식을 사용할 필수 조건에 따라 태그 URL이 있어야 합니다.

    //c.oracleinfinity.io/acs/account/{YOUR_ACCOUNT_GUID}/js/{YOUR_TAG_ID}/odc.js?_ora.config={_ora.config}

    계정 GUID, 태그 ID 및 구성

    {Account GUID}는 계정을 식별합니다. 모든 태그에서 동일한 계정 GUID를 사용하므로 계정에 대해 수집된 모든 데이터가 함께 저장됩니다.

    {Tag ID}에서는 Oracle Infinity 태그에 대한 액세스 권한을 지정하고 계층 형식으로 넣을 수 있습니다.

    {_ora.config} denotes which Environment the tag is pointing towards (for example, analytics:test to allow you to point towards different tag configurations per Environment, for example, Test and Production). Please see Environments for more detail.

  2. 추적할 모든 페이지의 <head>*에서 다음 코드 블록을 구현합니다(태그 URL에 따라 {Account GUID}, {Tag ID} 및 {_ora.config} 대체). 예:

    동기 구현

    <head>
...
<!-- CX Tag - Library Load -->
<script type="text/JavaScript" src="//c.oracleinfinity.io/acs/account/{Account GUID}/js/{Tag ID}/odc.js?_ora.config={_ora.config}"></script>
...
</head>

    비동기 구현

    	<head>
	...
	<script type="text/JavaScript">
	(function() {

	    var accountGUID = "{Account GUID}";
	    var tagID = "{Tag ID}";
	    var config = "{_ora.config}";

	    // DO NOT EDIT BELOW THIS LINE
	    for(var odc_requested=!1,scripts=document.getElementsByTagName("SCRIPT"),s=0;s<scripts.length;s++)scripts[s].src&&/oracleinfinity.*odc\.\js/.test(scripts[s].src)&&(odc_requested=!0);if(!odc_requested){var sc_scripts=document.getElementsByTagName("script")[0],sc=document.createElement("script");if(sc.async=!0,void 0===config)var config="";config&&(config="?_ora.config="+config),sc.src="//c.oracleinfinity.io/acs/account/"+accountGUID+"/js/"+tagID+"/odc.js"+config,sc_scripts.parentNode.insertBefore(sc,sc_scripts)}
	}());
	</script>
	...
	</head>

    *동기 또는 비동기?

    Oracle Maxymiser를 사용하려는 경우 위와 같이 <head> 동기화에서 이를 구현하여 페이지 콘텐츠를 사용자에게 표시하기 전에 조작할 수 있어야 합니다. 그러나 Oracle Maxymiser를 사용하지 않을 경우 비동기적이며 <head>에서 다를 수도 있습니다.

    가능하지 않은 경우 Oracle Maxymiser CX 태그 지침을 참조하거나 Oracle Consulting Services에 문의하여 비동기 구현에 대한 태그 지정 요구사항을 지원하십시오.

2단계: 카트 추가 작업에 클릭 통화 추가

사용 가능한 매개변수

매개변수 선택: 전송할 매개변수 선택에 대한 지침은 매개변수 선택을 참조하십시오.

카트 추가를 위해 Oracle Infinity에 전송할 매개변수를 결정해야 합니다.

다음은 장바구니 추가 시 보낼 수 있는 매개변수 테이블입니다.

사용 가능한 카트 추가 관련 매개변수

매개변수 매개변수 이름 필수 샘플 값 노트
wt.tx_e 전자 상거래 작업 필요 a 사전 설정 값
wt.currency 통화 필요 GBP 통화 코드
wt.tx_s 제품 라인 항목 가격 필요 20.00 라인 항목당 ';' 구분 목록(제품 수량 * 제품 단가)
wt.product_price 제품 단가 필요 10.00 제품당 ';' 구분 리스트(라인 항목별)
wt.tx_u 제품 단위 필요 2 ';' 구분 리스트(라인 항목별)
wt.pn_sku 제품 SKU 필수* SKU1 ';' 구분 리스트(라인 항목별)
wt.cg_n 콘텐츠 그룹 권장사항 부속품 ';' 구분 목록(라인 항목별)
wt.cg_s 콘텐츠 하위 그룹 권장사항 shoes ';' 구분 목록(라인 항목별)
wt.si_p 단계 이름 권장사항 바구니 추가 퍼널 단계 이름
wt.si_x 단계 번호 권장사항 2 퍼널 단계
wt.si_n 시나리오 이름 권장사항 바스켓 퍼널 퍼널 이름
wt.pn_id Product ID 선택 사항* 232432 ';' 구분 리스트(라인 항목별)
wt.product_name 제품 이름 선택적 빅 트레이너 ';' 구분 목록(라인 항목별)
wt.product_discount 제품 할인 선택적 0.00 제품당 ';' 구분 리스트(라인 항목별)
wt.pn_ma 제품 브랜드 선택적 acme ';' 구분 목록(라인 항목별)

*제품 SKU 또는 제품 ID?

제품 SKU(wt.pn_sku)는 Oracle Infinity에서 제품을 선언하기 위한 표준 필수 매개변수입니다. 원하는 경우 선택적으로 구현에 제품 ID(wt.pn_id)를 선언할 수도 있습니다(제품 SKU도 건너뛸 수 있지만 Oracle Infinity 내의 일부 기능은 사용자 지정 워크플로우 없이 사용할 수 없습니다).

클릭 전화 걸기

매개변수를 선택한 후에는 사용자가 카트에 항목을 추가할 때 다음 JavaScript 함수를 트리거하여 선언해야 합니다.

샘플 클릭 통화 구현

(function(){
 
    // Declare Your Parameters
    var cxDataObject = {};
    cxDataObject["wt.tx_e"] = "a"; // Transaction Event - Purchase
    cxDataObject["wt.currency"] = "GBP"; // Currency
    cxDataObject["wt.pn_sku"] = "SKU1;SKU2"; // Product SKUs (‘;’ delimited list - by line item)
    cxDataObject["wt.product_price"] = "20.00"; // Product Price (‘;’ delimited list - by line item)
    cxDataObject["wt.tx_u"] = "2	"; // Units (‘;’ delimited list - by line item)
    cxDataObject["wt.tx_s"] = "40.00"; // Transaction Subtotal (‘;’ delimited list per line item (Product Quantity * Product Unit Price))
    cxDataObject["wt.cg_n"] = "accessories"; // Content Group (‘;’ delimited list per line item)
    cxDataObject["wt.cg_s"] = "shoes"; // Content Sub Group (‘;’ delimited list per line item)
    
    // DO NOT EDIT BELOW THIS LINE - ORA.click()
    window.ORA = window.ORA || {productReady: []};
    ORA.productReady.push(['analytics', function(cxDataObject) {return function() {return ORA.click({"data": cxDataObject})}}(cxDataObject)]);
})();

매개변수 선택?

사용 가능한 매개변수 내에서 다양한 매개변수에 대해 필수가 표시될 수 있습니다. 이상적으로는 사용 가능한 모든 매개변수를 표면화하지만 이전 브라우저(예: Internet Explorer)에서 최대 요청 길이를 지원해야 하는 경우 이 매개변수를 사용하여 구현할 매개변수의 우선순위를 지정할 수 있습니다.

자세히 설명
필수 일반적으로 Oracle Infinity 및 연결된 CX 제품의 핵심 기능에 필요함
추천 일반적으로 Oracle Infinity 및 연결된 CX 제품에 대한 권장 기능을 위해 필요합니다.
선택 사항 일반적으로 Oracle Infinity 및 연결된 CX 제품에 대한 선택적 기능에 필요합니다.

페이지가 데이터를 보내는 중인지 테스트합니다.

모든 카트 추가 시 Oracle Infinity 추적이 추가되면 Chrome DevTools Network Debugger를 열어 요청을 검증할 수 있습니다.

  1. Chrome DevTools Network Debugger를 엽니다.
  2. 카트 추가를 수행합니다(예: 카트에 추가 단추를 눌러).
  3. 디버거에서 dcs을 통해 필터를 수행합니다.
  4. dcs.gif 요청을 선택합니다(Oracle Infinity 데이터 수집 호출).
  5. 전송 중인 매개변수를 확인합니다.

Oracle Infinity 데이터 수집 호출 보기

Oracle Infinity 데이터 수집 호출 보기

3단계: Oracle Infinity에서 데이터 수신 여부 확인

You can now Check available data within Oracle Infinity for your purchase data as per the Parameters defined within your Click Call above (for example, data.wt.tx_e=a).

추가 학습 자원

docs.oracle.com/learn에서 다른 실습을 찾아보거나 Oracle Learning YouTube channel에서 무료 학습 콘텐츠에 액세스할 수 있습니다. 또한 education.oracle.com/learning-explorer를 방문하여 Oracle Learning Explorer로 변경하십시오.

제품 설명서는 Oracle Help Center를 참조하십시오.