페이스북 픽셀 의미와 티스토리 블로그에 설치하는 방법은?

2021. 3. 10. 06:26

페이스북은 최적의 모바일 타겟팅 플랫폼이다. 페이스북의 활동 정보를 데이터로 축적하여, 최고의 맞춤 타겟팅을 할 수 있는 환경을 제공하고 있다. 페이스북 광고 시스템에는 개인 타겟팅을 할 수 있는 여러가지 옵션들을 제공하고 있다. 필자는 그 중에서 '픽셀'이라는 기능에 많은 관심을 가지고 있다. 오늘은 페이스북 픽셀은 무엇을 의미하며, 티스토리에서 어떻게 활용할 수 있는지 알아보도록 하겠다.

 

 

페이스북



페이스북 픽셀은 홈페이지나 모바일웹에서 방문한 고객들을 모으는 기능이다. 페이스북에 로그인한 상태에서, 픽셀이 설치되어 있는 페이지를 방문한다. 그러면 고객의 방문 이력이  기록된다. 이렇게 수집한 정보를 가지고, 해당 고객을 타겟팅하여 페이스북 광고를 발송할 수 있다. 혹은 그와 유사한 고객들을 타겟팅하여 광고를 발송할 수도 있다.

그래서 티스토리에 픽셀을 설치하고 싶은데, 한 가지 문제가 있다. 픽셀을 이용하면 어떤 분야에 관심이 있는 사람들 정보를 모을 수 있다. 하지만 티스토리는 보통 한 가지 주제가 아니라, 여러가지 주제를 다룬다. 그래서 일반적으로 픽셀을 설치하면 잡다한 고객의 정보가 모이게 된다. 필자는 이 문제를 해결하고자 각 개별 페이지에 픽셀을 심는 방법을 생각하게 됐다.


페이지 작성시 태그를 심으면 될까?

픽셀을 설치하기 위해, 포스팅을 할 때 HTML모드로 코드를 넣어보았지만 작동하지 않는다. 아무래도 자바스크립트 코드 때문인 듯 하다. 그래서 head태그에는 javascript를, body태그에는 noscript부분을 넣었더니 픽셀이 잘 동작한다.

그래서 head와 body에 각각 코드를 넣고, head에 들어가는 코드는 필자가 활성화하기 원하는 페이지 주소일 때만  실행되도록 하였다. 예를 들어, ~/259 포스팅에 픽셀을 활성화하고 싶다면, 아래와 같이 head태그를 넣는다.

 

<script>
	try	{
			if (url[1]=="259")	{
	  		!function(f,b,e,v,n,t,s)
	  		{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
	  		n.callMethod.apply(n,arguments):n.queue.push(arguments)};
	  		if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
	  		n.queue=[];t=b.createElement(e);t.async=!0;
            ~
			}
		} catch (e) {
			console.log(e.name)
		}
</script>

 

블로그 스킨에 따라 url정보를 읽어오는 부분에서 에러가 발생할 수 있다. 그래서, 별도로 예외처리 구문을 넣었다.

 


그리고 body 태그에는 아래와 같이 html태그로 넣는다.

<noscript><img height="1" width="1" style="display:none"
~
/></noscript>

 

 

픽셀이 활성화된 것을 확인하는 방법은?!

크롬 익스텐션 'Facebook Pixel Helper'를 이용하면 픽셀 활성화 여부를 쉽게 확인할 수 있다. 웹페이지에 방문했을 때 pixel의 활성화 여부를 바로 확인할 수 있기 때문이다.

 

 

페이스북 픽셀

 

 

오늘은 이렇게 페이스북 픽셀은 무엇을 의미하며, 티스토리에서 어떻게 활용할 수 있는지 알아보았다. 굉장히 유용하지만, 티스토리 유입숫자가 적으면 딱히 쓸모가 있지 않다. 하지만 티스토리 방문자가 많고, 특정 고객을 타겟팅하고자 하는 니즈가 있다면 굉장히 좋은 방법이니, 한 번 시도해보기 바란다.

댓글()