LogoLogo
NHN커머스 마케팅 홈상담 신청
  • 마케팅 알아보기
    • NHN커머스 마케팅
  • GODOMALL ADS SCRIPT
    • 네이버 신규 스크립트 (wcs.trans version)
    • 메타(Facebook&Instagram) 픽셀
    • 메타 카탈로그 등록 방법
    • 구글애즈 전환 스크립트 설치 매뉴얼
    • 카카오 스크립트
    • 크리테오
    • 타겟팅게이츠 (Targeting Gates)
    • 모비온
    • 🎵 틱톡
    • 🥕당근 전환 추적 코드
  • shop by Ads Script
    • 샵바이 스크립트 설정 가이드
    • 샵바이 쇼핑몰 구축 포트폴리오
    • 샵바이 광고 스크립트
      • 카카오
      • 네이버 광고 스크립트
      • 메타 픽셀
      • 구글애즈
      • 구글 애널리틱스
      • 틱톡 픽셀
      • 타불라 픽셀
      • ADN
      • 카카오 픽셀, 크리테오, 타게팅게이츠
      • 모비온
      • 크리테오
  • 마케팅 가이드
    • SEO로 내 쇼핑몰 검색엔진에 노출하기
      • 검색 엔진별 쇼핑몰(사이트) 소유권 인증 방법
      • NHN커머스 SEO 문서 모음
      • 콘텐츠(Contents) SEO
      • 오프 사이트(Off-Site) SEO
      • 온 사이트(On-Site) SEO
      • 테크니컬(Technical) SEO
      • 로컬(Local) SEO
      • 키워드의 중요성
      • 로봇텍스트(robots.txt)
    • 고도몰 관리자에서 SEO 설정하기
    • 네이버 SEO 설정
      • 봇 접근 허용하기
      • 도메인 소유권 등록하기
      • 사이트맵 만들고 저장하기
      • 서치어드바이저 검사 진행
    • 구글 SEO 설정
      • 구글 서치콘솔에서 소유권 확인하기
      • 사이트맵 제출하기
    • 다음 SEO 설정
      • 사이트 등록하기
    • 구글 쇼핑 광고
      • 구글 쇼핑피드 등록 매뉴얼
    • 네이버페이
      • 시스템 연동 방법
      • 네이버페이 결제시 상품별 할인가 연동 설정 안내드립니다. (고도몰 솔루션)
      • 가입 승인 후 서비스 상품/시스템 연동 방법 - 고도몰, e나무
      • 주문 처리 FAQ (고도몰)
      • 주문 처리 FAQ (e나무)
      • 필독! 고객확인제도 관련 안내
    • 카카오 모먼트
  • 마케팅 채널 유형
    • 검색마케팅
    • 콘텐츠 마케팅
    • CRM 마케팅
    • 바이럴 마케팅
    • 타겟마케팅
  • FAQ
    • 검색 엔진, 쇼핑 입점 등
      • 다음 쇼핑
      • 네이버 페이
      • 네이버 쇼핑
      • 네이버 검색
  • 마케팅 소개서
    • 포털 광고
    • 배너 광고
    • 입점 광고
    • SNS 마케팅
    • You Tube
    • 라이브커머스
    • 모바일 앱광고
  • 마케팅 인사이트
    • 부스터
      • [25년] NHN COMMERCE 마케팅 패키지
      • [25년] 구글 광고비 최대 180만원 지원 프로모션
      • [25년] NHN COMMERCE X 아프리카TV 미디어커머스
      • [25년] 마케팅 프로모션 모음 Zip
      • [25년] 짧아야 산다! '숏폼마케팅패키지'
    • 구글
      • Google 판매자 센터 입점 전 필수 체크 사항
      • Google 쇼핑 광고 이해하기
      • Google 판매자 센터 입점하기
      • Google 쇼핑 탭 노출은 '무료'... 그 성공적인 사례들
    • 마케팅 성공사례
      • 성수기 매출 극대화 및 비수기 대응 마케팅 성공사례
      • 브랜딩 인지도 강화를 통한 성공사례
      • 신규 쇼핑몰 성공 사례
      • iOS14.5 업데이트 대응 페이스북 광고 성공사례
    • 페이스북
      • 고도몰 페이스북 도메인 인증 - 메타 태그 인증 방식 알아보기
      • 고도몰 페이스북 광고 설정 기능(FBE) 알아보기
      • FBE 설정 해제/변경 방법
    • 기타
      • 잡은 고객을 놓치지 않는 방법
      • '광고대행사' 어디까지 알고 계신가요?
      • '숏폼' 콘텐츠 마케팅에 대해서
      • 구매전환 제대로 일어나고 있나요?
      • 상세페이지 제작 팁
      • 리타게팅 광고 주요 매체
      • 구매를 부르는 리타게팅
  • 엔마레터
    • 마케팅TIP - 숏폼마케팅하고 구매건수 폭발한 썰
    • 마케팅TIP - 주말에도 매출 UP! 인기셀러들의 비결
    • 매체 업데이트 소식
  • 공지사항
    • 일반광고
      • [광고] 네이버 N골프 광고 출시!
    • 네이버쇼핑
      • [네이버] 네이버 쇼핑 상품 DB URL 등록 방법 (고도몰 솔루션)
      • [네이버] 네이버 쇼핑 상품 DB URL 등록 방법 (샵바이 솔루션)
    • 네이버페이
      • [결제형] 가입 승인 후 시스템 연동 방법
      • 가입 승인 후 서비스 상품/시스템 연동 방법 - 샵바이(basic/pro/premium)
    • 쇼핑몰 운영에 필요한 다양한 팁
      • 2025년 최신판: 쇼핑몰 택배 계약 없이, 단 1건도 배송 가능한 스마트 물류 시스템 이용 방법
Powered by GitBook
On this page
  • 관련 문서
  • 공통(Config 및 PageView)
  • 상품상세페이지
  • 장바구니 추가
  • 장바구니 페이지 상단
  • 치환코드 <!--{@..value_ }--> 하단
  • 장바구니페이지 최하단
  • 회원가입 완료
  • 구매완료(주문완료)

Was this helpful?

  1. GODOMALL ADS SCRIPT

메타(Facebook&Instagram) 픽셀

디자인페이지 및 모바일쇼핑몰 메뉴를 이용한 메타 픽셀 삽입

Previous네이버 신규 스크립트 (wcs.trans version)Next메타 카탈로그 등록 방법

Last updated 6 months ago

Was this helpful?

단순 예시이며, 동작을 보장하지 않습니다.

공통(config), 상품상세, 장바구니추가, 결제완료, 회원가입 완료 코드만 제공합니다.

장바구니 추가 코드의 경우 상품상세페이지에서 버튼 클릭 하여 작동하게도 할 수 있습니다만

본 문서는 최대한 복사 붙여넣기 편하게 하기위하여 작성 되었습니다.

관련 문서

  • 메타 픽셀헬퍼:

  • 메타 픽셀 문서:

공통(Config 및 PageView)

  • 고도몰 관리자페이지 > 기본설정 > 외부서비스 설정 > 외부스크립트 등록 버튼을 클릭 후, 상단 공통영역에 PC 쇼핑몰과 모바일 쇼핑몰에 적용해주세요

하기 코드에서 픽셀아이디 부분을 사용하실 픽셀아이디로 변경해주세요

// 픽셀아이디 입력 부분 변경 필수
<script>
  !(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;
    t.src = v;
    s = b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t, s);
  })(
    window,
    document,
    "script",
    "https://connect.facebook.net/en_US/fbevents.js"
  );
  fbq("init", "픽셀아이디"); // ""(쌍따옴표)는 지우지 마세요.
  fbq("track", "PageView");
</script>
<noscript
  ><img
    height="1"
    width="1"
    style="display: none"
    src="https://www.facebook.com/tr?id=픽셀아이디&ev=PageView&noscript=1"
/></noscript>

상품상세페이지

  • 고도몰 관리자페이지 > 디자인, 모바일샵에 각각 적용

  • 현재 사용하고 있는 스킨을 선택 한 후, 상품 > 상품상세화면(good/goods_view.html)에 적용

// ViewContent Event
<!-- Facebook Pixel viewContent Code -->
<script>
  try {
    fbq("track", "ViewContent", {
        content_ids: ["{=goodsView['goodsNo']}"],
        content_type: "product",
        value: {=goodsView['goodsPrice']},
        currency: "KRW",
    });
  } catch (error) {
    console.error("FB Pixel ViewContent Error: ", error);
  }
</script>

장바구니 추가

  • 장바구니 페이지에 등록 하며, 상품이 있을 경우만 동작

  • 고도몰 관리자페이지 > 디자인, 모바일샵에 각각 적용

  • 현재 사용하고 있는 스킨을 선택 한 후, 주문 > 장바구니(order/cart.html)에 적용

장바구니 페이지 상단

// AddToCart
<!-- Facebook Pixel Add to Cart Code NHN Commerce -->
<script>
  const fbItems = [];
</script>

치환코드 <!--{@..value_ }--> 하단

// AddToCart
<!-- Facebook Pixel Add to Cart Code NHN Commerce -->
<script>
  fbItems.push("{=...goodsNo}");
</script>

장바구니페이지 최하단

// AddToCart
<!-- Facebook Pixel Add to Cart Code NHN Commerce -->
<script>
  try {
    if (fbItems.length > 0) {
      fbq("track", "AddToCart", {
        content_ids: fbItems,
        content_type: "product",
        value: Number("{=totalGoodsPrice}".replace(/['원', ',']/g, "")),
        currency: "KRW",
      });
    }
  } catch (error) {
    console.error("FB Pixel AddToCart Error: ", error);
  }
</script>

회원가입 완료

  • 고도몰 관리자페이지 > 디자인, 모바일샵에 각각 적용

  • 현재 사용하고 있는 스킨을 선택 한 후, 회원 > 가입완료(member/join_ok.html)에 적용

// CompleteRegistration
<!-- Facebook Pixel JoinOK Code -->
<script>
  try {
    fbq("track", "CompleteRegistration", {
      currency: "KRW",
      content_name: "JoinOK",
      value: "1",
    });
  } catch (error) {
    console.error("FB Pixel CompleteRegistration Error: ", error);
  }
</script>

구매완료(주문완료)

  • 고도몰 관리자페이지 > 디자인, 모바일샵에 각각 적용

  • 현재 사용하고 있는 스킨을 선택 한 후, 주문 > 주문완료(order/order_end.html)에 적용

// Purchase
<!-- Facebook Pixel Purchase Code NHN Commerce -->
<script>
  const goodsNo = [
      <!--{ @ orderInfo.goods }-->
          '{=.goodsNo}',
      <!--{ / }-->
    ];

    fbq("track", "Purchase", {
      content_ids: goodsNo,
      content_type: "product",
      value: {=orderInfo.settlePrice},
      currency: "KRW",
    });
</script>
https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc?pli=1
https://developers.facebook.com/docs/meta-pixel/
외부 스크립트 등록 화면
상품상세화면 적용예시