[태그관리자] - 카페 24 개별상품구매 전환설정

카페 24에서 개별 상품에 대한 구매전환을 설정하는 방법을 보겠습니다. 작업은 애즈에서 전환생성 후 태그관리자에서 상품을 구분하는 변수를 작성하고 각 상품별 태그구성과 가치설정 및 이벤트 설정으로 이루어지며, 상품을 구분하는 변수작성 외 모든 작업은 상품별로 모두 생성되어야 합니다.

전환생성하기

먼저, 연결할 전환액션을 구글애즈에서 생성합니다. 주의할 점은 구매 관련 전환이므로 값을 동적가치로 지정합니다.

https://jin-co.tistory.com/5#ct-setup-web-manual

구글애즈 전환 설정하기

상품구분코드설치 (1회성 작업)

먼저, 상품별로 전환을 발생시키기 위해 상품구분 코드 설치가 필요한데요. '변수'를 선택하고 사용자 정의 변수 항목에 '새로 만들기'를 선택합니다. 상품구분은 하나의 코드를 설치하고 태그에서 상품 아이디로 구분하는 방식으로 구현할 것이므로 한 번만 만들면 됩니다.

변수구성 박스선택

맞춤 자바스크립트 선택

열린 화면에 아래코드를 삽입합니다.

function() {
  var prductNumbers = []    
  for (var i = 0; i < EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA.order_product.length; i++) {        
    prductNumbers.push(EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA.order_product[i].product_no)
  }

  return prductNumbers.toString()
}

제목을 설정하고 '저장' 선택

태그설정

태그관리자 해당 컨테이너에서 '작업공간' ->  '태그' -> '새로 만들기' 순으로 선택

 태그 구성 박스 선택 (자세히 알아보기 링크 외 박스 내부 아무 곳이나 누름)

'Google Ads 전환 추적' 선택

구매 태그 안에 입력해야 하는 값은 '전환 ID'과 '전환 라벨', 통화와 가치가 있으며 먼저, 구글애즈에서 설정한 전환액션의 '전환 ID'과 '전환 라벨' 입력합니다.

※전환링커가 존재하지 않는 경우 전환링커 설치

통화는 고정값으로 입력합니다.

 

마지막으로 가치는 상품마다 다르기 때문에 따로 설정이 필요한데요. 상품의 아이디를 사용하여 상품별로 지정하겠습니다. 전환가치 우측에 '블럭' 아이콘을 누르고 우측상단에 '+' 아이콘을 누릅니다.

변수구성 박스 선택 후

맞춤 자바스크립트를 선택

열린화면에 아래코드를 삽입합니다. 이때 '==' 뒤에 숫자 18은 상품번호를 의미하므로 원하는 상품번호에 맞게 바꾸어줍니다.

function() {  
  for (var i = 0; i < EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA.order_product.length; i++) {
    if(EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA.order_product[i].product_no == 18) {
      return +EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA.order_product[i].product_price   
    }        
  }      
}

상품별로 가격변수가 생성되어야 하므로 구분이 가능하도록 이름을 지어주고 '저장'을 누릅니다.

 트리거 박스 선택 (이전 단계에서 설정하는 것도 가능).

완성된 구성 박스

트리거 설정

트리거 설정을 위해 구성박스 밑에 트리거 박스를 선택

우측 상단 '+' 버튼 클릭

'페이지 뷰' 선택

'일부 페이지 뷰' 선택 후 박스 하단에 첫 번째 칸 선택하여 'Page URL' 선택

두 번째 칸은 '포함'으로 두고 (포함을 사용하는 이유는 실제 광고로 유입될 경우 경로에 식별아이디가 붙어 테스트 환경과 정확하게 일치하지 않기 때문입니다) 아래의 카페 24의 구매완료 URL을 세 번째 빈칸에 입력 후 우측 상단에 '저장'을 클릭합니다.

/order/order_result

해당 상품에서만 전환이 일어나도록 조건을 추가하기 위해 '+'아이콘 선택

위에서 설정해 둔 상품아이디 변수 선택 -> '포함' -> 세 번째 칸에 상품아이디를 입력합니다.

트리거 이름을 지정하고 '저장'합니다.

배포하기

우측 상단에 '제출' 선택

다시 '게시' 선택

마지막으로 '건너뛰기' 또는 '계속' 선택합니다(이름과 설명은 생략가능하나 작성한 경우 '계속' 선택).

설치된 전환 확인하기

[구글 태그] 사이트에 설치된 구글 태그 확인하기

이상으로 태그관리자를 사용하여 카페 24에서 특정 상품에 대한 전환을 설정하는 방법을 보았습니다.