자바스크립트 라이브러리

자바스크립트 라이브러리는 웹사이트의 사람들(연락처)을 식별하고, 그들의 활동을 실시간으로 추적하며, 과거 활동 기록과 그들이 본 페이지를 제공합니다.

시작하기

Admin Settings > Leads, Contacts, & Accounts > CRM Code library > Javascript에서 스니펫을 복사하세요. 이 스니펫은 freshsales_portal_url과 authentication_token으로 미리 채워져 있습니다.

또는, 아래 스니펫에서 freshsales_portal_url과 authentication_token을 포털의 URL과 인증 토큰으로 대체하고 복사하세요.

<script> function createTempFunction(function_name) { (window.freshsales)[function_name]=function() { (window.freshsales).push([function_name].concat(Array.prototype.slice.call(arguments,0))) }; } (function(url, app_token) { window.assets_url='//d952cmcgwqsjf.cloudfront.net'; window.freshsales = window.freshsales || []; functions_list='init identify trackPageView trackEvent set'.split(' '); for(var i=0; i < functions_list.length; i++) { var function_name = functions_list[i]; createTempFunction(function_name); } var script_tag = document.createElement('script'); script_tag.async=1; script_tag.src= window.assets_url +'/assets/analytics.js'; var first_script_tag = document.getElementsByTagName('script')[0]; first_script_tag.parentNode.insertBefore(script_tag,first_script_tag); freshsales.init(url, app_token); })('freshsales_portal_url','authentication_token'); </script>

라이브러리를 웹사이트의 HTML 헤더에 붙여넣으세요.

연락처 생성

fs_contact를 사용하여 웹사이트 방문자를 연락처로 캡처하세요. 웹 양식의 실제 필드 ID로 요소 ID를 대체하세요. 웹 양식 제출 및 검증 후 identify 메서드를 호출하세요.

var identifier = $("#email").val(), contact_properties = { "fs_contact" : true, "First name" : $("#first_name").val(), "Last name" : $("#last_name").val(), "Date Of Birth" : $("#dob").val(), "company" : { "Name" : $("#company_name").val(), "Website" : $("#compan_website").val() } }; freshsales.identify(identifier, contact_properties);

페이지뷰 추적

HTML 헤더에 붙여넣은 라이브러리는 모든 웹 페이지에 포함되어 라이브러리가 초기화되면 즉시 추적을 시작합니다.

그러나 단일 페이지 애플리케이션인 경우, 웹사이트의 개별 페이지에서 freshsales.trackPageView(“”);를 호출하여 페이지뷰를 추적하세요.

이벤트 추적

웹 애플리케이션에서 이벤트로서 웹사이트 방문자의 활동 - 예를 들어 백서 다운로드, 소셜 프로필 팔로우 버튼 클릭 - 을 추적하세요.

이벤트를 추적하려면, 알림을 받고 싶은 특정 행동 유도 버튼을 식별하세요. 아래 스니펫에서 trackEvent 메서드를 호출하세요.

var sample_event_properties = { 'title': 'How to win more sales' // 백서의 제목으로 대체하세요 }; freshsales.trackEvent('Downloaded White paper', sample_event_properties);

연락처 정보 업데이트

라이브러리는 웹 양식 및 웹사이트와 웹 앱에서의 방문자 활동을 통해 연락처 정보를 업데이트합니다.

연락처 정보를 업데이트하려면, 아래 스니펫에서 set 메서드를 호출하세요.

var sample_properties = { 'Address': '8691 MacGyver Mews', // 사용자의 주소로 대체하세요 'City': 'New Jermaine', // 사용자의 도시로 대체하세요 'Mobile': '13457879', // 사용자의 휴대폰 번호로 대체하세요 'Custom Field': 'custom field value' // 사용자 정의 필드로 대체하세요 }; freshsales.set(sample_properties);

양식이 제출되거나 작업이 수행될 때마다 해당 사용자의 이메일 주소가 중복을 방지하기 위해 일치 항목을 검색합니다. 연락처에서 일치 항목이 발견되면 웹 양식에 제출된 모든 세부 정보가 해당 연락처의 기록에 채워집니다. 여러 일치 항목이 있는 경우, 데이터는 가장 최근 활동이 있는 기록과 연결됩니다.