디마에) 원격훈련 3일, 페이스북픽셀

픽셀이 모냐고?

쉽게 말하면 인터넷유저들한테 gps를 촥촥 붙여가지고 행동 추적하는 건데, 

페이스북 '바깥'에서 했던 행동들을 추적해가지구 우리페이스북페이지의 '리마케팅'광고를 할 때 도움자료로 쓰기위한 도구야! 

쉽게말해 유저들의 행동에 gps를 달아서 뭐했는지 ~ 보는겨

이 픽셀의 근본이 모냐면은 

 

 

자 홈페이지를 살펴보면은 저렇게 있지.

쟤를 구성하는 언어들이 3개 있어 

 

먼저 저런 홈페이지의 '뼈대'를 먼저 구성하는 거는 Html 이야 (레이아웃을 관장)

그 위에 디자인을 입힐 수 있는 Css와 

또 웹사이트를 동적으로 구현하고 사용자들의 행동에 맞게 최적화시켜줄 수 있는

(이벤트창이 자동으로 바뀌며 돌아간다던지) '자바스크립트'

란 언어들로 구성되어있셔 ! ! !!  

 

**또 자바스크립트는 몸에서 마치 뇌처럼 '명령어'의 언어당!!!!

그래서 우리가 심으려는 그 '픽셀'도, 수많은 자바스크립트 중 하나야 

 

 

이제 담단계로 구글태그매니저에 들어가주자

조거를 눌러서 시작!

 

**구글태그매니저는 모야?

: 컨테이너. 우리가 심으려는 것에 대해 안전한 빈그릇을 만들어주는 하나의 계정 단위! 

 

즉 빈그릇을 여기서 만들어준 뒤 

-> 웹사이트에 삽입하고

-> 발급받은 페이스북 픽셀을 그 빈그릇에 넣어줄거햐 ! ! 

 

왜?

: 컨테이너에 담지 않으면 코드는 서로 충돌할 위험도 있고 오류발생 등 충분한 지식이 없는 우리에겐 넘 무모한 행위거덩,.,

---

이제 컨테이너 생성부터 차근차그니 해보좌

 

 

ㅣㅈ

 

컨테이너 이름은 브랜드네일같은 걸로 해주구, 

저 밑의 네 버튼은 '이 컨테이너 어디다 삽입할 예정인데?' 하는겨 

우린 Web으로 해줄거야 다른거는 또 개발적지식이 필요하거덩 

 

 

 

하라는대로 헤드/바디 영역에 코드를 심어준 뒤,

잘 심어졌는지 어뜨케알아?! 궁금하니까 봐줄거야

 

 

요 프리뷰 버튼을 통해서 !! 

그러면 다시 티스토리로 돌아가서 새로고침을 했을 때 ,

 

요렇게 밑에 구글태그매니저가 심어져있는 것을 볼 수가 있엉

**근데 구글태그매니저는 모든 웹페이지에 심어져 있어야 한단말이지, 그래서 메인 페이지 뿐만 아니라 다른 페이지도 이동을 해봐바. 그랬을때도 똑같이 저 밑의 '그릇'이 나타나야 해 !! 

 

자 요롷게 나타나면은 아주 잘 되었다. 

구글태그매니저를 복사하고 붙여넣었을 뿐인데 저렇게 컨테이너가 잘 심어진거햐 ! 

 

이제 여기다, 페이스북픽셀을 넣어주면 되겠지겠지

 

 

 

 

 

---

픽셀심긔

 

 

근데 있자나 픽셀에는 두가지 종류가 있어

기본픽셀 / 이벤트픽셀(특정한 이벤트 발생시 쓰는거)

 

구매이벤트/장바구니이벤트 등인데 더 많은 정보를 위해 요런 이벤트 픽셀도 심어줘야해!

 

즉 정리를하면

우린 모든트래픽을 광고계정으로 모아야하기 때문에 일단 '기본픽셀'은 모든 웹페이지에 심어줘야하는거고,

이벤트픽셀은 '해당 이벤트가 발생하는 페이지에만'심어주면 대

ex) 구매는 결제완료페이지에만!

 

 

 

 

자 구글태그매니저로 이동해보자 =3333

잠시 UI설명을 하자면

1) 워크스페이스: 태그를 생성하고 발행하는 모든 작업하는 공간

2) 버전스: 태그넣고 뺐던 모든 히스토리를 조회할 수 있는 공간

3) 어드민: 다른 사람의 계정에 권한을 부여하는 등 관리자 공간 + 컨테이너코드를 다시한번모아볼 수 있는 영역도 있다(어드민의 인스톨구글태그매니저)

 

 

이제 워크스페이스로 가서 기본픽셀/이벤트픽셀 심어볼거햐

 

 

워크스페이스 밑에 메뉴구성보면은 5개가 있는데,

이 중 오버뷰랑 / 폴더스는 첫번째 사진설명같은거여서 

사실상 구글태그매니저는 저 가운데 메뉴3개의 총 3단계얐 ! 

( 태그 - 트리거 - 변수)

 

픽셀을 저 3단계에 따라서 발행하는거야.

각각을 살펴부자 

 

 

 

즉, 일반픽셀/ 이벤트 픽셀의 차이는 이거시다! 

 

 

만들기 눌러주구, 

고렇게만 하면 되는게 아니라 저 위에 서브밋까지 '눌러줘야' 픽셀이 적용이 돼 !! ! !

근데 혹시 모르니까 그 전에 프리뷰를 눌러주자, 

그리고나서 아무 팝업창도 안뜨면 okok