시작하기
인사이트
2025. 11. 22.
Framer 사이트에 Meta Pixel 추가하는 방법
Framer 사이트에 Meta Pixel을 설치하면 방문자의 행동을 정밀하게 측정할 수 있습니다. 설치 과정은 간단하며, 이벤트 설정과 테스트를 통해 효과적인 광고 트래킹이 가능합니다.
Posted by
Translated by
목차
Table of Contents
본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.
Framer에서 Meta Pixel 설치하기
사이트 분석 및 광고 트래킹을 위해 Meta Pixel을 연결하면, 방문자의 행동을 정밀하게 측정할 수 있습니다. Framer에서는 몇 단계만 거치면 Meta Pixel을 쉽게 설치할 수 있도록 지원하고 있는데요. 아래의 가이드를 참고하셔서 필요한 상황에 잘 활용해보시길 바랍니다.
Meta Pixel 설치 방법
1. Meta Business 계정 만들기
먼저 Meta Business Suite에 방문해 계정을 생성합니다. 이미 계정이 있다면 다음 단계로 넘어가면 됩니다.
2. Events Manager 엑세스 하기
왼쪽 메뉴에서
All Tools를 클릭한 뒤Events Manager를 선택해주세요.Events Manager의 왼쪽 메뉴에서Connect Data Sources를 클릭하면 팝업 창이 나타납니다.
3. Meta Pixel 설정하기
데이터 소스 유형으로
Web을 선택하고, 단계에 따라 웹사이트 URL을 입력해주세요.URL을 입력한 후
Do it yourself를 고른 뒤,Meta Pixel옵션을 선택합니다.
4. Pixel 기본 코드 설치하기
Meta에서 복사한 Pixel 코드를 복사해주세요.
Framer의
Site Settings로 이동하고Custom Code를 선택해주세요.<head>태그 시작 부분에 Pixel 코드를 붙여넣은 후, 변경사항을 저장하고 사이트를 다시 Publish 해주세요.
이벤트 설정하기
Meta의 Event Setup Tool을 사용해 트래킹할 이벤트(예: 장바구니 추가 / 위치 찾기 / 콘텐츠 보기 등)를 지정할 수 있습니다.
퍼블리시된 URL을 입력하면 페이지가 열리고, 트래킹할 버튼이나 링크를 선택해 이벤트를 지정할 수 있습니다.
이벤트 테스트하기
주의사항
Events Manager의 Test Events 탭에서 이벤트를 테스트할 수 있는데요. 아래의 주의사항을 잘 숙지하여 문제 없이 이벤트를 테스트 하시길 바랍니다.
정확한 테스트를 위해 브라우저에서 광고 차단 기능이 비활성화되어 있는지 확인해주세요.
이벤트는 실시간으로 나타나지만, Pixel 분석 데이터는 최대 30분 정도 반영 시간이 있을 수 있습니다.
이상이 없으면 Meta Analytics 대시보드의 Activity 섹션에서 이벤트가 정상적으로 기록됩니다.
만일 문제가 생긴다면, Framer Contact 페이지를 통해 지원팀에 문의하실 수 있습니다.
자주 묻는 질문(FAQ)
Q. 이벤트가 Analytics에서는 안 보일 수도 있나요?
네. 이벤트는 실시간으로 보이더라도, Analytics의 데이터는 최대 30분정도 지연될 수 있기 때문인데요. 데이터를 처리하기 위한 시간이 걸리는 것 뿐이니, 잠시 기다려보신 후 다시 접속해보시길 권장드립니다.
Q. Meta Pixel을 삭제하고 싶으면 Custom Code에서 지우면 되나요?
네. 코드를 삭제하고 다시 Publish하면 Meta Pixel이 제거됩니다.
Q. Meta Pixel 코드를 Custom code의 다른 태그에 삽입해도 되나요?
아닙니다. Meta Pixel은 페이지 로드 직후 바로 실행되어야 하기 때문에 반드시
<head>태그 안에 넣어야 정확한 트래킹이 가능합니다.
본 글은 Framer 공식 블로그의 ‘Adding Meta Pixel to your site’를 번역·각색한 콘텐츠입니다.
