• 웹사이트 틱톡(TikTok) 픽셀 설정방법











「 웹사이트 틱톡(TikTok) 픽셀 설정방법 」




안녕하세요. 디비카트 입니다.

오늘은 틱톡(tiktok) 광고를 위해서 필요한 틱톡 픽셀 설치에 대한 포스팅을 하도록 하겠습니다.



틱톡픽셀(tiktokPixel)이란?

틱톡픽셀은 웹사이트에서 사람들이 취한 행동을 파악하여 광고의 효과를 측정하기 위해 사용하는 분석 도구입니다.



■ 틱톡 픽셀 설치 가이드 시작 ■





1. 틱톡 광고관리자 접속 : https://ads.tiktok.com/i18n/login




2. 로그인 후 광고 관리자에서 픽셀 등록을 위해 ① 자산 => ② 이벤트 선택해주세요.






3. Website Pixel을 선택합니다.







4. 틱톡 픽셀 등록하기를 선택합니다.







5. 틱톡 픽셀을 등록하기 위한 기본절차가 진행됩니다.



① 픽셀 이름을 등록합니다.

② Manually install pixel code(수동으로 픽셀 코드 설치)를 선택합니다.

③ Next 를 선택합니다.








6. Standard Mode(표준 모드), Developer Mode(개발자 모드)중 하나를 선택해야 합니다.


① 개발자 모드를 선택합니다.
② Next를 선택합니다.






7. 틱톡 픽셀코드 복사방식 및 헬퍼(TikTok Pixel Helper) 설치관련 페이지입니다.


 복사방식중 Copy Pixel Code를 선택하였으며, 선택시 자동으로 복사가 됩니다.
② TikTok Pixel Helper 크롬 브라우저에서만 지원되는 확장 프로그램이며, 추후 픽셀 및 픽셀 이벤트 설치 테스트 및 통계에 확인 할 수 있습니다.
[참고] TikTok Pixel Helper : TikTok 픽셀 도우미는 오류를 확인하고 웹사이트를 위한 실행 권장사항을 제공하여 픽셀 설치를 인증하고 문제를 해결할 수 있는 Chrome 확장 프로그램입니다.

[참고] TikTok Pixel Helper 표시는 아래에 테스트 부분에서 확인 할 수 있습니다.
③ 복사한 픽셀코드를 웹사이트에 추가 및 TikTok Pixel Helper 설치가 끝났다면 'Confirm' 선택합니다.



7-1. 틱톡 다양한 이벤트 픽셀(Event Code)중에 양식 제출 이벤트(Form Submission Events)를 선택하여 세팅해보도록 하겠습니다.
[참고]양식 제출 이벤트는 아래와 같이 3개의 이벤트를 사용합니다. 
[참고]아래에 디바카트에 세팅시에는 ttq.track ( 'ViewContent'),ttq.track ( 'SubmitForm') 2개의 이벤트 픽셀코드를 사용하도록 하겠습니다.





아래는 2021-09-30일까지의 이벤트(현재사용안함)
[참고]아래에 디바카트에 세팅시에는 ttq.track ( 'ViewForm'),ttq.track ( 'SubmitForm') 2개의 이벤트 픽셀코드를 사용하도록 하겠습니다.






8. 픽셀 설치가 완료되면  아래와 같이 픽셀 상세설명이 나타납니다.


① 세팅에 대한 정보(픽셀ID,만든일시,셋업방식등)이 표시가 됩니다.
② No Recent Activity (최근 활동 없음)으로 보여지며 정상적으로 연동이 되면 Active(유효한)으로 변경이 됩니다. 변경과정에 대해서는 아래 디비카트 연동시 말씀드리겠습니다.








9.  이렇게 틱톡 픽셀설정이 완료되며, ⑧에서 말한거 처럼 No Recent Activity -> Active으로 변경이 되어야 정상적으로 픽셀을 통한 광고를 진행할 수 있습니다.
이 부분을 디비카트에 연결하여 확인시켜드리도록 하겠습니다.




■ 틱톡 픽셀 디비카트 적용 가이드 ■


1. 틱톡 픽셀를 디비카트 랜딩에 추가하기 위해서는 픽셀ID값을 추가해야 합니다.
[위치] ①랜딩 홍보하기 > ②픽셀관리 > ③틱톡 픽셀ID를 등록 후 ④저장하기 선택합니다.


1-1. 틱톡 픽셀 ID 찾는 방법
[참고] 틱톡 픽셀을 등록하면 아래와 같이 픽셀에 대한 정보값이 나옵니다. 그 정보값중에 ID값이 디비카트 > 틱톡 픽셀ID에 들어가는 값입니다.




2. 이벤트 픽셀를 불러오기 위한 완료페이지 사용유무 선택합니다.
[위치] ①랜딩기본정보 > ②완료페이지 사용유무 체크 > ③저장하기 선택합니다.




디비카트에 틱톡 픽셀코드를 추가하는건 완료되었습니다. 그럼 픽셀코드가 정상적으로 적용이 되는지 테스트 해보도록 하겠습니다.


3-1. 디비카트 랜딩페이지 주소를 크롬 브라우저로 접속합니다. 
[참고] TikTok Pixel Helper가 랜딩페이지 틱톡 픽셀관련 이벤트를 체크 및 확인을 합니다. 아래는 확인한 결과를 보여주는 부분입니다.







3-2. 테스트 디비를 입력합니다.
[참고] TikTok Pixel Helper가 완료페이지에 대한 틱톡 픽셀관련 이벤트를 체크 및 확인을 합니다. 아래는 확인한 결과를 보여주는 부분입니다.




3-3 3-1,3-2 단계를 거치면 일정시간(1~5분)사이에 픽셀관리에서 아래와 같이  정상적으로 픽셀 및 이벤트 픽셀 여부를 확인이 가능합니다.
① 디비카트에 추가한 픽셀ID를 확인합니다.
② 픽셀이 정상적으로 체크되는지 확인 합니다.(No Recent Activity -> Active)
③ 3-1,3-2에 추가한 이벤트 픽셀이 정상적으로 잡혔는지 확인합니다.




3-4 3-3 체크부분이 모두 확인되었다면 디비카트와 틱톡픽셀은 정상적으로 연결이 되었습니다.
3-5 틱톡 광고를 진행시 픽셀 아이디 및 픽셀 이벤트를 선택하여 전환광고를 진행하시면 됩니다. 



지금까지 틱톡 픽셀 설치 및 디비카트 랜딩페이지 틱톡 적용방법을 포스팅 하였습니다.
포스팅을 보시고 궁금하신 부분이 있으시면 언제든지 문의주세요.
감사합니다.


설정 위치 : 디비카트 > 랜딩 홍보하기 > 픽셀관리
관련 외부 링크 : 틱톡 광고관리자
  • 디비카트의 랜딩은 픽셀 코드 추가만으로 틱톡 전환 측정이가능합니다. 간단하게 픽셀ID만 입력해보세요.
  • 틱톡 픽셀ID 설정
  • (주) 상상의눈
    대구시 중구 달구벌대로 1932 4층 | 대표 이현구
    사업자등록번호 504-86-00831| 통신판매신고 제 2019-대구중구-0317 호
    대표번호 1600-2079(유료)| 고객센터 070-7813-8861
    업무시간 오전 10시 ~ 오후 7시(점심시간 오후 12시30분 ~ 오후 1시30분까지) | E-mail help@dbcart.net