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
  • 주의사항
  • 관련 문서
  • 크리테오 스크립트(코드) 예시
  • 크리테오 로더 스크립트
  • 메인페이지 태그
  • 상세페이지
  • 장바구니 페이지
  • 주문완료페이지

Was this helpful?

  1. shop by Ads Script
  2. 샵바이 광고 스크립트

크리테오

크리테오 샵바이 스크립트 코드 예시 입니다.

Previous모비온NextSEO로 내 쇼핑몰 검색엔진에 노출하기

Last updated 5 months ago

Was this helpful?

예시 코드들은 스크립트 동작을 보장하지 않습니다.

광고주 코드 (p값)은 크리테오 혹은 대행사에 문의 주시기 바랍니다.

해당 문서에서는 고객 이메일 주소, 고객 아이디 등 개인 정보와 관련 된 부분은 제외 합니다.

주의사항

  • 샵바이 베이직, 프로 버전의 경우 마케팅 앱을 사용하여 크리테오 스크립트 적용 바랍니다.

  • 네트워크앱을 통해 크리테오 스크립트(one tag)가 정상적으로 적용되지 않을 경우 하기 문서를 참조하여 외부스크립트 등에 적용해주시기 바랍니다.

  • 샵바이 프리미엄의 경우 크리테오 카탈로그(피드)에 대해서 담당자에게 발급 문의 요청 주시기 바랍니다.

  • 샵바이 프리미엄 또는 커스텀 상태에 따라 EP생성이 오류가 나는 경우 별도로 개발파트에 요청하여 수동 생성 요청 해주시길 바랍니다.

관련 문서

  • 크리테오 원태그(스크립트) 가이드

  • 크리테오 카탈로그(피드) 가이드(명세서)

  • 샵바이 변수 조회 가이드

크리테오 스크립트(코드) 예시

크리테오 로더 스크립트

  • <head></head>태그 등 모든 페이지에서 확인이 가능한 곳에 코드(스크립트)를 심습니다.

  • YOUR_PARTER_ID 부분은 크리테오 혹은 대행사로부터 받은 p값을 입력 합니다.

<script
  type="text/javascript"
  src="//dynamic.criteo.com/js/ld/ld.js?a=YOUR_PARTNER_ID"
  async="true"
></script>

메인페이지 태그

  • 메인페이지에 하기 코드(스크립트)를 심습니다

<script type="text/javascript">
  window.criteo_q = window.criteo_q || [];
  var deviceType = /iPad/.test(navigator.userAgent)
    ? "t"
    : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(
        navigator.userAgent
      )
    ? "m"
    : "d";
  window.criteo_q.push(
    { event: "setAccount", account: "YOUR_PARTNER_ID" },
    { event: "setEmail", email: "", hash_method: "sha256" },
    { event: "setZipcode", zipcode: "" },
    { event: "setSiteType", type: deviceType },
    { event: "viewHome" }
  );
</script>

상세페이지

  • 상품상세페이지에 하기와 같이 스크립트를 적용 합니다.

  • YOUR_PARTER_ID 부분은 크리테오 혹은 대행사로부터 받은 p값을 입력 합니다.

<script type="text/javascript">
  try {
    if (sb?.product) {
      window.criteo_q = window.criteo_q || [];
      var deviceType = /iPad/.test(navigator.userAgent)
        ? "t"
        : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(
            navigator.userAgent
          )
        ? "m"
        : "d";
      window.criteo_q.push(
        { event: "setAccount", account: "YOUR_PARTNER_ID" }, // P값을 넣어주세요
        { event: "setEmail", email: "", hash_method: "sha256" },
        { event: "setZipcode", zipcode: "" },
        { event: "setSiteType", type: deviceType },
        { event: "viewItem", item: sb.product.baseInfo.productName }
      );
    }
  } catch (error) {
    console.error("Criteo Script has occurred: ", error);
  }
</script>

장바구니 페이지

  • 장바구니페이지에 하기 스크립트를 적용 합니다.

    • 해당 문서에서는 viewCart를 addToCart 이벤트로 대처 합니다.

  • YOUR_PARTER_ID 부분은 크리테오 혹은 대행사로부터 받은 p값을 입력 합니다.

<script type="text/javascript">
  try {
    const crItems = [];

    const {
      deliveryGroups = [],
      price: { buyAmt = 0 },
    } = sb.cart;

    if (deliveryGroups.length > 0) {
      deliveryGroups.map(({ orderProducts }) => {
        orderProducts.map((product) => {
          const { orderProductOptions } = product;

          orderProductOptions.map((option) => {
            const { productNo } = option;
            const price = option.price.salePrice
              ? option.price.salePrice
              : option.price.buyAmt;
            crItems.push({
              id: String(productNo),
              price: price,
              quantity: option["orderCnt"],
            });
          });
        });
      });

      window.criteo_q = window.criteo_q || [];
      var deviceType = /iPad/.test(navigator.userAgent)
        ? "t"
        : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(
            navigator.userAgent
          )
        ? "m"
        : "d";
      window.criteo_q.push(
        { event: "setAccount", account: "YOUR_PARTNER_ID" },
        { event: "setEmail", email: "", hash_method: "sha256" },
        { event: "setZipcode", zipcode: "" },
        { event: "setSiteType", type: deviceType },
        {
          event: "addToCart",
          item: crItems,
        }
      );
    }
  } catch (error) {
    console.error("Criteo Script has occurred: ", error);
  }
</script>

주문완료페이지

  • YOUR_PARTER_ID 부분은 크리테오 혹은 대행사로부터 받은 p값을 입력 합니다.

<script type="text/javascript">
  try {
    if (sb.order) {
      const {
        orderNo,
        payInfo: { payAmt },
        orderOptionsGroupByPartner,
      } = sb.order;

      const criteoOrderItems = orderOptionsGroupByPartner.flatMap(
        ({ orderOptionsGroupByDelivery }) =>
          orderOptionsGroupByDelivery.flatMap(({ orderOptions }) =>
            orderOptions.map((options) => {
              const {
                productNo: id,
                price: { immediateDiscountAmt: discount, buyPrice: price },
                orderCnt: quantity,
              } = options;

              return {
                id: String(id),
                price,
                quantity,
              };
            })
          )
      );
      window.criteo_q = window.criteo_q || [];
      var deviceType = /iPad/.test(navigator.userAgent)
        ? "t"
        : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(
            navigator.userAgent
          )
        ? "m"
        : "d";
      window.criteo_q.push(
        { event: "setAccount", account: "YOUR_PARTNER_ID" },
        { event: "setEmail", email: "", hash_method: "sha256" },
        { event: "setZipcode", zipcode: "" },
        { event: "setSiteType", type: deviceType },
        {
          event: "trackTransaction",
          id: orderNo,
          item: criteoOrderItems,
        }
      );
    }
  } catch (error) {
    console.error("Criteo Script has occurred: ", error);
  }
</script>
https://apps.nhn-commerce.com/apps/311
1:1 문의하기
https://help.criteo.com/kb/guide/ko/onetag-vZbzbEeY86/Steps/775825
https://help.criteo.com/kb/guide/ko/-x21HrwcuTy/Steps/775589,871139
https://admin-remote.shopby.co.kr/popup/variable-guide