추적된 이벤트는 방문자가 웹사이트에서 버튼을 클릭하거나 양식을 제출하는 것과 같이 취하는 특정 행동을 측정할 수 있게 해줍니다.
자동으로 추적되는 항목
Ahrefs 웹 애널리틱스는 다음 이벤트를 자동으로 추적합니다:
외부 링크 클릭 – 프로젝트의 범위를 벗어나는 유효한
href를 갖는 링크를 사용자가 클릭할 때 트리거됩니다.event.preventDefault()가 호출되지 않았을 경우에만.양식 제출 – 유효한
action을 갖는 양식이 제출될 때 트리거됩니다.event.preventDefault()가 호출되지 않았을 경우에만.
이 이벤트들은 별도의 설정 없이 기본적으로 보고서에 나타납니다. 사이트에 중요한 다른 특정 행동을 측정하기 위해 자체 추적 이벤트를 추가할 수도 있습니다.
추적된 이벤트의 종류
두 가지 종류의 이벤트를 추적할 수 있습니다:
페이지 조회 이벤트 – 특정 페이지(예: 감사 페이지 또는 체크아웃 페이지)가 방문될 때 발생합니다.
맞춤 이벤트 – 버튼 클릭, 양식 제출, 모달 열기 등의 요소와 상호작용할 때 발생합니다.
페이지 조회 이벤트
페이지 조회 이벤트는 확인 페이지나 성공 페이지와 같은 주요 페이지에 대한 방문을 추적하는데 유용합니다. 사이트가 완료된 작업에 대해 전용 URL(environment), 예: /thank-you 또는 /checkout/success를 가지고 있다면 이를 추적 이벤트로 설정할 수 있습니다.
페이지 조회 이벤트를 설정하려면:
프로젝트의 웹 애널리틱스 보고서를 엽니다.
추적된 이벤트 섹션으로 스크롤하여 새 이벤트를 클릭합니다.
페이지 조회를 유형으로 선택하고 추적하려는 정확한 페이지 경로를 입력합니다.
이벤트 이름을 지정하여 쉽게 인식하고 생성을 클릭합니다.
사용자 정의 이벤트
맞춤 이벤트는 새로운 페이지를 로드하지 않는 버튼 클릭, 양식 제출 또는 기타 작업과 같은 상호 작용을 추적하는 데 유용합니다. HTML에 특별한 클래스 이름을 추가하여 구성할 수 있습니다.
가장 간단한 방법은 HTML에 AhrefsAnalytics-event-EventName 형식으로 클래스를 추가하는 것입니다.
예시:
<a class="AhrefsAnalytics-event-signup" href="#">가입하기</a>
링크를 클릭할 때 signup이라는 이벤트를 추적합니다.
양식에서도 동일하게 작동합니다:
<form class="AhrefsAnalytics-event-signup" action="/submit">
...
</form>
양식이 제출될 때 signup이라는 맞춤 이벤트가 트리거됩니다.
보고서에서 맞춤 이벤트를 보기 시작하려면 거기에 추가해야 합니다:
프로젝트의 웹 애널리틱스 보고서를 엽니다.
추적된 이벤트 섹션으로 스크롤하여 새 이벤트를 클릭합니다.
맞춤 이벤트를 유형으로 선택하고 HTML에서 사용한 정확한 이벤트 이름을 입력합니다.
이벤트 이름을 지정하여 쉽게 인식하고 생성을 클릭합니다.
JavaScript를 통한 맞춤 이벤트 트리거
더 정밀한 추적을 위해 JavaScript를 사용하여 맞춤 이벤트를 전송할 수 있습니다. 이 방식으로 이벤트 트리거 시점을 더 유연하게 제어할 수 있습니다
아래 예시 코드는 이를 어떻게 하는지 보여줍니다:
if (window.AhrefsAnalytics != null) {
window.AhrefsAnalytics.sendEvent('signup');
}