설치 안내

복잡한 설정 없이 2분 이내에 사이트에서 MousePlayer를 실행하세요.

1

속성 찾기

MousePlayer 대시보드에 로그인하세요. 내 속성 영역에 계정과 연결된 도메인 목록이 표시됩니다. 아직 설정하지 않은 도메인은 코드 설치 상태 배지가 표시됩니다.

추적할 도메인 옆 작업 열의 </> 코드 버튼을 클릭하세요.

사용자 속성과 코드 버튼이 표시된 MousePlayer 대시보드
2

추적 스니펫 복사

화면에 설치 코드 창이 표시됩니다. 이 창에는 해당 속성용으로 생성한 고유 비동기 JavaScript 스니펫이 있으며 고유한 id로 연결됩니다.

코드 블록 오른쪽 위의 코드 복사 버튼을 눌러 스니펫을 클립보드에 복사하세요.

JavaScript 스니펫이 표시된 설치 코드 창
3

웹사이트에 코드 붙여넣기

웹사이트 소스 코드나 태그 관리자를 여세요. 세션 녹화와 라이브 뷰를 사용할 모든 페이지에서 복사한 스니펫을 HTML의 <head> 영역에 직접 붙여 넣으세요.

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

설치 확인

변경 사항을 저장하고 사이트를 게시하세요. 실제 도메인을 방문하여 페이지를 새로 고친 다음 MousePlayer 대시보드로 돌아오면 도메인 상태가 코드 설치 에서 유휴 으로 자동 변경되거나, 현재 방문자가 있으면 활성 사용자를 표시합니다.

개발자 도움말: CMS 및 태그 관리자

WordPress를 사용하면 테마의 header.php 파일에 스니펫을 붙여 넣거나 “Insert Headers and Footers” 같은 플러그인을 사용할 수 있습니다. Google Tag Manager(GTM)에서는 새로 맞춤 HTML 태그를 만들고 스니펫을 붙여 넣은 다음 트리거를 모든 페이지로 설정하세요.