겪어봤다면 빠르게 해결 가능할 문제인데
도대체 뭐가 문제인지 몰라서 소중한 시간을 낭비할 수 있을 사람들을 위해 오류 해결 기록들을 틈날때마다 공유하려 한다.
오늘 얘기할 것은 고도몰의 FBE 2.0 과 관련된 이슈다.
고도몰 어드민 > 마케팅에서 픽셀 연결을 했지만 정상작동은 하지 않는 사람들을 위한 포스팅으로 이해하면 좋겠다.
고도몰은 22-11-14에 메타(페이스북) 픽셀 데이터 값을 쉽게 연결해주는 플러그인을 업데이트 했다.
카페24는 진작에 반영했던 부분이라 반영이 늦은 감이 없지 않아 있지만 그와 관련되어 오류들이 여럿 발견되어 해당 내용들을 공유한다.
고도몰은 메타에 정보를 제공하는 것을 자동화하는데 긴 시간을 들였다.
그 때문에 이전부터 고도몰을 통해 쇼핑몰을 운영하던 업체들은 큰 이슈를 안게 되었다.
고도몰에서 자체적으로 제공하는 플러그인이지만 해당 플러그인을 스스로 집어넣어야하는 이슈다.
카페24 같은 경우는 사이트 HTML 스크립트를 전혀 건드리지 않아도 FBE 픽셀 연동이 정상 작동하지만 고도몰은 그렇지 않다.
각 세부 페이지에 관련된 고도몰 치환 스크립트를 작성해야만 정상작동한다.
예를들어 FBE 앱이 준비되어있지 않던 시절에 제작된 스킨이면 고도몰 어드민 > 마케팅에서 픽셀 값을 연결하더라도 픽셀이 정상작동하지 않는 것이다.
기존 클라이언트에게 이 같은 현상이 발견되어 다른 사람은 이런 시간낭비를 하지 않게 세상을 이롭게 하기 위해 개선 방안을 공유한다.
■ 픽셀 공통 intiate 픽셀
이것은 스크립트를 넣지 않아도 작동한다.
고도몰 어드민 > 마케팅 > SNS/바이럴 광고 > 페이스북 광고 설정 에서 FBE 연결을 정상적으로 한다면 공통 스크립트는 정상작동한다.
■ 상품 조회 픽셀
■ 장바구니 픽셀 >> 장바구니 페이지 조회 기준
*만약 상세페이지에서 장바구니 클릭 시 장바구니 담기 이벤트가 발생하길 원한다면
상품 > 상품상세화면(goods/goods_view.html) 에서 아래 스크립트를 변형하여 사용.
<script>
var addToCart = function () {
{=fbCartScript}
}
var cartBtnId = document.querySelector(‘#cartBtn’);
cartBtnId.addEventListener(‘click’, addToCart);
</script>
장바구니 클릭 시 장바구니 담기 이벤트가 설정되도록 위 스크립트를 반영할 경우
픽셀헬퍼에서 위와 같은 경고가 나오는 것은 정상임.
■ 주문서작성 픽셀
■ 주문완료 픽셀
참고로 최하단에 스크립트를 삽입하는 이유는
원래라면 중상단쯤 삽입해야 하지만 해당 스크립트를 다른 광고대행사나 스크립트 설치사가 최하단에서 인지하게 만들기 위함이 크다.
스크립트 설치 관련 문의는 스튜디오엠엑스 상담 채널을 통해 문의를 남겨주세요.