타불라 픽셀

샵바이 변수를 이용한 타불라 스크립트 수동 적용 가이드

예시 코드들은 스크립트 동작을 보장하지 않습니다.

해당 문서는 타불라 purchase(구매) 이벤트만 기입합니다.

공통 스크립트 발급 방법

자세한 사항은 타불라 가이드를 참조해주세요.

① 타불라 관리자 페이지 접속 후, 단 트래킹 메뉴 클릭 하여 이동

② 타불라 스크립트 발급을 위해 [계정 추적 설정] 버튼을 클릭 합니다.

③ 원하는 스크립트 설치 방식을 선택 합니다.

④ 계속 버튼을 눌러 이동 합니다.

⑤ 해당 코드를 클릭하여 복사합니다.

전환 스크립트 발급 방법

① 타불라 관리자페이지에서최상단 트래킹 메뉴 클릭 하여 이동합니다.

② [+ 새로운 전환] 버튼을 클릭하여 전환을 생성합니다.

③ 생성할 전환 이름을 기입합니다.

④ 전환 유형을 선택 합니다.

⑤ 전환 조건을 선택합니다. (자세한 사항은 광고주의 상황에 따라 달라집니다.)

⑥고정값: 전환을 동적인 가치가 아닌 고정 가치로 인식하게 하려면 기입합니다.

⑦카테고리: 검색, 등록완료, 구매 등 생성하고자 하는 전환의 카테고리를 선택합니다.

⑧이벤트 이름: 고유 이벤트 이름을 입력 합니다.

⑨클릭 후 전환 기간: 전환 기여 기간을 입력합니다.

⑩조회 후 전환 기간: 조회 후 전환 기여 기간을 입력 합니다.

① 총 전환수: 총 전환 수에 포함을 클릭할 경우

해당 전환이 타불라의 입찰가 최적화, 머신 러닝 등에 사용 됩니다.

② 합계: 해당 전환의 가치를 보고서에 포함할지 여부를 선택 합니다.

③ 잠재고객 속성: 해당 전환을 통해 잠재 고객을 생성합니다.

제외를 선택하면 해당 전환을 바탕으로 잠재 고객이 생성 되지 않습니다.

④ 집계 유형: 마지막 전환 기여만 포함할지,

균등 전환 기여를 부여할지 선택합니다.

Final. 하기와 같이 이벤트 코드 스니펫을 발급 받으실 수 있습니다.

타불라 픽셀 예시

상단 공통

{{광고주아이디}} 부분은 타불라에서 발급 받은 광고주 아이디로 변경 (type: int)

<!-- 예시코드 -->
<script type="text/javascript">
  globalThis._tfa = globalThis._tfa || [];
  globalThis._tfa.push({ notify: "event", name: "page_view", id: {{광고주아이디});
  !(function (t, f, a, x) {
    if (!document.getElementById(x)) {
      t.async = 1;
      t.src = a;
      t.id = x;
      f.parentNode.insertBefore(t, f);
    }
  })(
    document.createElement("script"),
    document.getElementsByTagName("script")[0],
    "//cdn.taboola.com/libtrc/unip/{{광고주아이디}/tfa.js",
    "tb_tfa_script"
  );
</script>

주문 완료 페이지

{{광고주아이디}} 부분은 타불라에서 발급 받은 광고주 아이디로 변경 (type: int)

<!-- 예시 코드 -->
<script>
    try {
      const { orderOptionsGroupByPartner = [] } = sb.order;
  
      const orderProducts = orderOptionsGroupByPartner.flatMap(
        ({ orderOptionsGroupByDelivery }) =>
          orderOptionsGroupByDelivery.flatMap(({ orderOptions }) => orderOptions)
      );
  
      const orderid = sb.order.orderNo;
  
      const productNos = orderProducts.map(({ productNo }) => String(productNo));
  
      const revenue = orderProducts.reduce((accumulator, product) => {
        return accumulator + (product.orderCnt * product.price.buyPrice);
      }, 0);
  
      const quantity = orderProducts.reduce((acc, product) => {
        acc += product.orderCnt ? product.orderCnt : 0;
        return acc;
      }, 0);
  
      _tfa.push({
        notify: "event",
        name: "purchase",
        id: "{{광고주아이디}}", // 광고주 아이디로 변경해주세요(type:int)
        orderid,
        quantity,
        revenue,
        currency: "KRW",
      });
    } catch (error) {
      console.error("An error occurred:", error);
    }
</script>