기본 픽셀

어떻게 작동하나요?

타불라 픽셀에는 기본 두 가지가 있습니다.

타불라의 서버에서 실제 픽셀 코드를 다운로드 하는 로딩 코드.
초기화 코드는 픽셀 ID를 정의하고, TFA기능을 사용하여 이벤트를 시작합니다.

브라우저가 자바스크립트를 실행 할 수 없는 경우, 이미지 태그 noscript픽셀이 기본 픽셀에 첨부되어 있습니다.

기본 픽셀 코드는 다음과 같습니다:

기본 픽셀 코드는 어디에서 실행되어야 하나요?

기본 픽셀 코드는 모든 페이지에 배치하는 것이 좋습니다.

모든 페이지뷰 이벤트를 추적하면 픽셀의 효율성을 향상시킬 수 있습니다. 웹사이트에서 초기 페이지뷰를 제거하지 않는 것이 추적 할 때 좋습니다.

기본 픽셀 코드는 전환 규칙과 추천 URL에 일치하는 잠재 고객 목록을 만드는데 사용 할 수 있는 페이지뷰를 생성합니다.

단일 페이지 응용 프로그램

표준 전자 상거래와 같은 일반 웹사이트에서는 URL을 방문 할 때마다 페이지가 다시 로드됩니다. 타불라 픽셀을 추가 할 때 페이지 Header에 타불라 픽셀 코드를 넣으면, 각 페이지 픽셀 페이지뷰가 올바른 URL로 로드됩니다.

단일 페이지의 응용 프로그램에서는 URL이 변경 될 때, 브라우저에서 페이지를 다시 로드 할 필요가 없으므로 페이지를 다시 로드하여 픽셀 발생을 유도 할 수 없지만 대신, 이벤트 기반 픽셀을 작동 시켜야합니다.

기본 코드 설정

타불라 픽셀 기본 코드를 페이지 Header에 삽입해야합니다. 또는 태그 관리자를 사용하여 태그를 삽입 할 수 있습니다. 그러면 초기 로드시 픽셀이 시작됩니다.

페이지뷰 추적

새 페이지가 새로고침되는 것을 "표시"하는 모든 상태의 사이트 코드에 item-url 매개 변수를 사용하여, URL (새 페이지를 논리적으로 식별하는 URL)로 페이지 보기가 나타나게 해야합니다.

_tfa.push({notify: 'event', name: 'page_view',"item-url":'add_your_URL'});

이를 추적하려면, Backstage에서 간단히 URL 기반 전환을 추가하십시오.

이벤트

기본 픽셀을 사용해서 간단하게 페이지뷰를 전환을 추적 할 수 있습니다. 좀 더 많은 (경우에 따라 더 복잡한) 액션을 추적하려는 경우 특별 액션에 대해 이벤트 기반 전환을 사용할 수 있습니다. 예 : 장바구니에 추가 버튼을 클릭한 사용자를 추적하거나 가입을 완료한 사용자 (“lead”).

이벤트 코드는 다음과 같습니다:

Abcd는 이벤트 전환 룰에 의해 정의내려진 이벤트 이름이고, 예를들어 Lead와 AddToCart 등이 있습니다.

XXXXX 는 계정 ID 입니다.

다음은 몇몇 인기있는 이벤트 픽셀의 예시입니다.

이벤트 이름	이벤트 픽셀 코드	시나리오
view_content	<script> _tfa.push({notify: 'event', name: 'view_content'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=view_content' width='0' height='0' style='display:none'/> </noscript>	사용자가 사이트의 컨텐츠를 소비했을 때
add_to_cart	<script> _tfa.push({notify: 'event', name: 'add_to_cart'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=add_to_cart' width='0' height='0' style='display:none'/> </noscript>	유저가 장바구니에 추가하기 버튼을 눌렀을 때
complete_registration	<script> _tfa.push({notify: 'event', name: 'complete_registration'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=complete_registration' width='0' height='0' style='display:none'/> </noscript>	유저가 가입을 완료했을 때

기존 랜딩페이지에서 다른 계정에 해당하는 픽셀을 작동시켜야 한다면 아래를 참고하세요.

나머지 계정에 대한 코드 정보를 수정하십시오.

A (ID 1111), B (ID 2222) 및 C (ID 3333) 이렇게 세 가지 계정이 있다고 가정해보겠습니다. 다음의 두 가지 상황에서 사용하고 싶을 때:

페이지뷰 (URL 기반)
장바구니에 추가 (이벤트 기반)
1. 하나의 기본 픽셀 코드를 사이트에 넣습니다. (예 : 계정 A).
2. 기본 코드 픽셀에서 아래의 노란색 부분을 추가하여 B 계정으로 페이지뷰 픽셀을 시작합니다. 추가 계정에 원하는만큼 추가 할 수 있습니다.
  
  <script type='text/javascript'>
  window._tfa = window._tfa || [];
  window._tfa.push({notify: 'event', name: 'page_view',id:’1111’});
  window._tfa.push({notify: 'event', name: 'page_view', id:'2222'});
  window._tfa.push({notify: 'event', name: 'page_view', id:3333});
  !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/1111/tfa.js',
  'tb_tfa_script');
  </script>
  
  <noscript>
  <img src="//trc.taboola.com/1111/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
  </noscript>
  <noscript>
  <img src="//trc.taboola.com/2222/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
  </noscript><noscript>
  <img src="//trc.taboola.com/3333/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
  </noscript>
3. 계정 A에서 장바구니_추가를 발생하게 하려면 다음을 참고하세요.
  
  <script>
  _tfa.push({notify: 'event', name: 'add_to_cart'});
  </script>
  <noscript>
  
  <img src='//trc.taboola.com/1111/log/3/unip?en=add_to_cart'
  width='0' height='0' style='display:none'/>
  </noscript>
4. 계정 B에서 장바구니_추가를 시작하려면 다음을 참고하세요.
  
  <script>
  _tfa.push({notify: 'event', name: 'add_to_cart', id: '2222'});
  </script>
  <noscript>
  <img src='//trc.taboola.com/2222/log/3/unip?en=add_to_cart'
  width='0' height='0' style='display:none'/>
  </noscript>

개발자 참고 사항