LogoLogo
NHN커머스 마케팅 홈상담 신청
  • 마케팅 알아보기
    • NHN커머스 마케팅
  • GODOMALL ADS SCRIPT
    • 네이버 신규 스크립트 (wcs.trans version)
    • 메타(Facebook&Instagram) 픽셀
    • 메타 카탈로그 등록 방법
    • 구글애즈 전환 스크립트 설치 매뉴얼
    • 카카오 스크립트
    • 크리테오
    • 타겟팅게이츠 (Targeting Gates)
    • 모비온
    • 🎵 틱톡
    • 🥕당근 전환 추적 코드
  • shop by Ads Script
    • 샵바이 스크립트 설정 가이드
    • 샵바이 쇼핑몰 구축 포트폴리오
    • 샵바이 광고 스크립트
      • 카카오
      • 네이버 광고 스크립트
      • 메타 픽셀
      • 구글애즈
      • 구글 애널리틱스
      • 틱톡 픽셀
      • 타불라 픽셀
      • ADN
      • 카카오 픽셀, 크리테오, 타게팅게이츠
      • 모비온
      • 크리테오
  • 마케팅 가이드
    • SEO로 내 쇼핑몰 검색엔진에 노출하기
      • 검색 엔진별 쇼핑몰(사이트) 소유권 인증 방법
      • NHN커머스 SEO 문서 모음
      • 콘텐츠(Contents) SEO
      • 오프 사이트(Off-Site) SEO
      • 온 사이트(On-Site) SEO
      • 테크니컬(Technical) SEO
      • 로컬(Local) SEO
      • 키워드의 중요성
      • 로봇텍스트(robots.txt)
    • 고도몰 관리자에서 SEO 설정하기
    • 네이버 SEO 설정
      • 봇 접근 허용하기
      • 도메인 소유권 등록하기
      • 사이트맵 만들고 저장하기
      • 서치어드바이저 검사 진행
    • 구글 SEO 설정
      • 구글 서치콘솔에서 소유권 확인하기
      • 사이트맵 제출하기
    • 다음 SEO 설정
      • 사이트 등록하기
    • 구글 쇼핑 광고
      • 구글 쇼핑피드 등록 매뉴얼
    • 네이버페이
      • 시스템 연동 방법
      • 네이버페이 결제시 상품별 할인가 연동 설정 안내드립니다. (고도몰 솔루션)
      • 가입 승인 후 서비스 상품/시스템 연동 방법 - 고도몰, e나무
      • 주문 처리 FAQ (고도몰)
      • 주문 처리 FAQ (e나무)
      • 필독! 고객확인제도 관련 안내
    • 카카오 모먼트
  • 마케팅 채널 유형
    • 검색마케팅
    • 콘텐츠 마케팅
    • CRM 마케팅
    • 바이럴 마케팅
    • 타겟마케팅
  • FAQ
    • 검색 엔진, 쇼핑 입점 등
      • 다음 쇼핑
      • 네이버 페이
      • 네이버 쇼핑
      • 네이버 검색
  • 마케팅 소개서
    • 포털 광고
    • 배너 광고
    • 입점 광고
    • SNS 마케팅
    • You Tube
    • 라이브커머스
    • 모바일 앱광고
  • 마케팅 인사이트
    • 부스터
      • [25년] NHN COMMERCE 마케팅 패키지
      • [25년] 구글 광고비 최대 180만원 지원 프로모션
      • [25년] NHN COMMERCE X 아프리카TV 미디어커머스
      • [25년] 마케팅 프로모션 모음 Zip
      • [25년] 짧아야 산다! '숏폼마케팅패키지'
    • 구글
      • Google 판매자 센터 입점 전 필수 체크 사항
      • Google 쇼핑 광고 이해하기
      • Google 판매자 센터 입점하기
      • Google 쇼핑 탭 노출은 '무료'... 그 성공적인 사례들
    • 마케팅 성공사례
      • 성수기 매출 극대화 및 비수기 대응 마케팅 성공사례
      • 브랜딩 인지도 강화를 통한 성공사례
      • 신규 쇼핑몰 성공 사례
      • iOS14.5 업데이트 대응 페이스북 광고 성공사례
    • 페이스북
      • 고도몰 페이스북 도메인 인증 - 메타 태그 인증 방식 알아보기
      • 고도몰 페이스북 광고 설정 기능(FBE) 알아보기
      • FBE 설정 해제/변경 방법
    • 기타
      • 잡은 고객을 놓치지 않는 방법
      • '광고대행사' 어디까지 알고 계신가요?
      • '숏폼' 콘텐츠 마케팅에 대해서
      • 구매전환 제대로 일어나고 있나요?
      • 상세페이지 제작 팁
      • 리타게팅 광고 주요 매체
      • 구매를 부르는 리타게팅
  • 엔마레터
    • 마케팅TIP - 숏폼마케팅하고 구매건수 폭발한 썰
    • 마케팅TIP - 주말에도 매출 UP! 인기셀러들의 비결
    • 매체 업데이트 소식
  • 공지사항
    • 일반광고
      • [광고] 네이버 N골프 광고 출시!
    • 네이버쇼핑
      • [네이버] 네이버 쇼핑 상품 DB URL 등록 방법 (고도몰 솔루션)
      • [네이버] 네이버 쇼핑 상품 DB URL 등록 방법 (샵바이 솔루션)
    • 네이버페이
      • [결제형] 가입 승인 후 시스템 연동 방법
      • 가입 승인 후 서비스 상품/시스템 연동 방법 - 샵바이(basic/pro/premium)
    • 쇼핑몰 운영에 필요한 다양한 팁
      • 2025년 최신판: 쇼핑몰 택배 계약 없이, 단 1건도 배송 가능한 스마트 물류 시스템 이용 방법
Powered by GitBook
On this page
  • 관련 문서
  • 공통 스크립트 발급 방법
  • 전환 스크립트 발급 방법
  • 타불라 픽셀 예시
  • 상단 공통
  • 주문 완료 페이지

Was this helpful?

  1. shop by Ads Script
  2. 샵바이 광고 스크립트

타불라 픽셀

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

Previous틱톡 픽셀NextADN

Last updated 11 months ago

Was this helpful?

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

해당 문서는 타불라 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>
https://help.taboola.com/hc/en-us/articles/360003469854-Taboola-Pixel-Overview
https://www.nhn-commerce.com/image_view.php?image=s58iq11lmxzs10rv.pdf