타불라 픽셀
샵바이 변수를 이용한 타불라 스크립트 수동 적용 가이드
예시 코드들은 스크립트 동작을 보장하지 않습니다.
해당 문서는 타불라 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>
Last updated
