JavaScript로 맞춤 이벤트를 추적하는 방법

목표 만들기

1. 설정 → 목표 → 새 목표 → “맞춤”으로 이동합니다.
2. 이름과 키를 지정합니다. 키는 영문자, 숫자, _ . : -를 사용해 최대 64자로 만듭니다. 예: purchase 또는 signup_step_2.
3. 필요하면 전환당 유로 금액을 지정합니다.
4. 저장하면 내 키가 들어간 정확한 코드가 표시됩니다.

코드에서 호출하기

행동이 발생하는 시점에 키와 함께 _ovt()를 호출합니다. 해당 페이지에는 추적 코드가 설치되어 있어야 합니다.

_ovt('purchase');

예를 들어 비동기 양식 전송에 성공했을 때:

form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const res = await fetch('/api/contact', { method: 'POST', body: new FormData(form) });
  if (res.ok) _ovt('contact_sent');
});

호출 한 번당 전환 한 건으로 집계합니다. 클릭 시점이 아니라 실제 행동이 완료된 후, 서버가 확인했을 때만 호출하세요.

온라인 스토어

WooCommerce와 PrestaShop 연동은 완료된 주문(금액 포함), 결제 단계, 장바구니, 쿠폰, 검색 이벤트를 이미 전송합니다. 연동의 가이드를 참고하세요.