타불라 픽셀

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

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

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

관련 문서

• 타불라 픽셀 문서

  • https://help.taboola.com/hc/en-us/articles/360003469854-Taboola-Pixel-Overview

• 타불라 픽셀 고도몰 가이드: 전환 스크립트 발급 방법 등은 동일하니 해당 문서를 참조해주세요.

  • https://www.nhn-commerce.com/image_view.php?image=s58iq11lmxzs10rv.pdf

공통 스크립트 발급 방법

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

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

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

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

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

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

전환 스크립트 발급 방법

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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>