on
디마에) 원격훈련, 페이스북픽셀
디마에) 원격훈련, 페이스북픽셀
픽셀이 모냐고?
쉽게 말하면 인터넷유저들한테 gps를 촥촥 붙여가지고 행동 추적하는 건데,
페이스북 '바깥'에서 했던 행동들을 추적해가지구 우리페이스북페이지의 '리마케팅'광고를 할 때 도움자료로 쓰기위한 도구야!
쉽게말해 유저들의 행동에 gps를 달아서 뭐했는지 ~ 보는겨
이 픽셀의 근본이 모냐면은
자 홈페이지를 살펴보면은 저렇게 있지.
쟤를 구성하는 언어들이 3개 있어
먼저 저런 홈페이지의 '뼈대'를 먼저 구성하는 거는 Html 이야 (레이아웃을 관장)
그 위에 디자인을 입힐 수 있는 Css와
또 웹사이트를 동적으로 구현하고 사용자들의 행동에 맞게 최적화시켜줄 수 있는
(이벤트창이 자동으로 바뀌며 돌아간다던지) '자바스크립트'
란 언어들로 구성되어있셔 ! ! !!
**또 자바스크립트는 몸에서 마치 뇌처럼 '명령어'의 언어당!!!!
그래서 우리가 심으려는 그 '픽셀'도, 수많은 자바스크립트 중 하나야
이제 담단계로 구글태그매니저에 들어가주자
조거를 눌러서 시작!
**구글태그매니저는 모야?
: 컨테이너. 우리가 심으려는 것에 대해 안전한 빈그릇을 만들어주는 하나의 계정 단위!
즉 빈그릇을 여기서 만들어준 뒤
-> 웹사이트에 삽입하고
-> 발급받은 페이스북 픽셀을 그 빈그릇에 넣어줄거햐 ! !
왜?
: 컨테이너에 담지 않으면 코드는 서로 충돌할 위험도 있고 오류발생 등 충분한 지식이 없는 우리에겐 넘 무모한 행위거덩,.,
이제 컨테이너 생성부터 차근차그니 해보좌
ㅣㅈ
컨테이너 이름은 브랜드네일같은 걸로 해주구,
저 밑의 네 버튼은 '이 컨테이너 어디다 삽입할 예정인데?' 하는겨
우린 Web으로 해줄거야 다른거는 또 개발적지식이 필요하거덩
하라는대로 헤드/바디 영역에 코드를 심어준 뒤,
잘 심어졌는지 어뜨케알아?! 궁금하니까 봐줄거야
요 프리뷰 버튼을 통해서 !!
그러면 다시 티스토리로 돌아가서 새로고침을 했을 때 ,
요렇게 밑에 구글태그매니저가 심어져있는 것을 볼 수가 있엉
**근데 구글태그매니저는 모든 웹페이지에 심어져 있어야 한단말이지, 그래서 메인 페이지 뿐만 아니라 다른 페이지도 이동을 해봐바. 그랬을때도 똑같이 저 밑의 '그릇'이 나타나야 해 !!
자 요롷게 나타나면은 아주 잘 되었다.
구글태그매니저를 복사하고 붙여넣었을 뿐인데 저렇게 컨테이너가 잘 심어진거햐 !
이제 여기다, 페이스북픽셀을 넣어주면 되겠지겠지
픽셀심긔
근데 있자나 픽셀에는 두가지 종류 가 있어
기본픽셀 / 이벤트픽셀(특정한 이벤트 발생시 쓰는거)
구매이벤트/장바구니이벤트 등인데 더 많은 정보를 위해 요런 이벤트 픽셀도 심어줘야해!
즉 정리를하면
우린 모든트래픽을 광고계정으로 모아야하기 때문에 일단 '기본픽셀'은 모든 웹페이지 에 심어줘야하는거고,
이벤트픽셀은 '해당 이벤트가 발생하는 페이지에만 '심어주면 대
ex) 구매는 결제완료페이지에만!
자 구글태그매니저로 이동해보자 =3333
잠시 UI설명을 하자면
1) 워크스페이스: 태그를 생성하고 발행하는 모든 작업하는 공간
2) 버전스: 태그넣고 뺐던 모든 히스토리를 조회할 수 있는 공간
3) 어드민: 다른 사람의 계정에 권한을 부여하는 등 관리자 공간 + 컨테이너코드를 다시한번모아볼 수 있는 영역도 있다(어드민의 인스톨구글태그매니저)
이제 워크스페이스로 가서 기본픽셀/이벤트픽셀 심어볼거햐
워크스페이스 밑에 메뉴구성보면은 5개가 있는데,
이 중 오버뷰랑 / 폴더스는 첫번째 사진설명같은거여서
사실상 구글태그매니저는 저 가운데 메뉴3개의 총 3단계얐 !
( 태그 - 트리거 - 변수)
픽셀을 저 3단계에 따라서 발행하는거야.
각각을 살펴부자
즉, 일반픽셀/ 이벤트 픽셀의 차이는 이거시다!
만들기 눌러주구,
고렇게만 하면 되는게 아니라 저 위에 서브밋까지 '눌러줘야 ' 픽셀이 적용이 돼 !! ! !
근데 혹시 모르니까 그 전에 프리뷰를 눌러주자,
그리고나서 아무 팝업창도 안뜨면 okok
from http://make-1emonade.tistory.com/80 by ccl(A) rewrite - 2021-10-08 11:02:08