대본: 페이지 하단으로 스크롤하는 방문자 참여 유도
대본
신제품을 알리는 웹페이지를 만들었습니다. 전체 페이지를 보고 그들과 상호 작용을 시작하는 방문자의 세그먼트를 만들고 싶습니다.
단계 요약
- 자바스크립트를 사용하여 ScrollToBottom 이벤트 태그 생성.
- 이벤트 태그 배포 선호하는 태그 관리자와 함께.
- 세그먼트 만들기 이벤트 태그를 사용합니다.
- 액션 맵 만들기 방문자를 참여시키기 위해.
- 솔루션 테스트 라이브 나우에서.
ScrollToBottom 이벤트 태그 생성
선호하는 코드 편집기에서 맨 아래로 스크롤 이벤트 태그.
배포한 경우 예측 참여 추적 스니펫, 다음 예제를 사용하여 맨 아래로 스크롤 이벤트 태그.
<script>ac('dom', 'ready', function() { $(window).scroll(function(){ timeout = setTimeout( function() { if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) { ac('record', 'scrollToBottom', 'User scrolled to bottom'); console.log('User scrolled to bottom'); } }) })})</script>
이벤트 태그를 생성하는 데 사용할 수 있는 Journey JavaScript 메서드에 대한 자세한 내용은 여정 JavaScript SDK.
메신저 스니펫
Genesys Cloud CX 고객이고 메신저 스니펫, 다음 예제를 사용하여 맨 아래로 스크롤 이벤트 태그.<script> Genesys("subscribe", "Journey.ready", function(){ $(window).scroll(function(){ timeout = setTimeout( function() { if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) { Genesys("command", "Journey.record", { eventName: "scrollToBottom"}); console.log('User scrolled to bottom'); } } }})</script>
사용 가능한 플러그인과 관련 명령 및 이벤트에 대한 자세한 내용은 다음을 참조하십시오. 명령 및 이벤트 Genesys Cloud CX 개발자 센터에서
이벤트 태그 배포
원하는 태그 관리자를 사용하여 이벤트 태그를 배포합니다.
- 어도비 런칭
- Google 태그 관리자 (예측 참여 추적 스니펫 배포에만 해당)
참고: 이벤트 태그에 대해 정의한 JavaScript 코드는 방문자가 태그에 대해 정의된 실행 조건(특정 페이지 URL 또는 HTML 요소의 존재)과 일치하는 페이지에 있을 때마다 실행됩니다.
ScrollToBottom 세그먼트 생성
- Genesys Cloud CX 관리자에서 세그먼트 생성.
- 아래에 방문자 여정, 클릭 첫 번째 이벤트 추가.
- 에서 세션 유형 상자, 클릭 편물.
- 에서 이벤트 내용 상자, 클릭 이벤트 액션.
- 에서 기인하다 상자, 클릭 이름.
- 에서 운영자 상자, 클릭 같음.
- In the Value box, type the name for your tag as you defined it in your ac('record') or
Journey.record
call and then click the checkmark.
참고: 웹 세션 유형을 생성해야 합니다. 사용자 정의 세션 유형을 사용하지 마십시오.
ScrollToBottom 작업 맵 만들기
- Genesys Cloud CX 관리자에서 액션 맵을 만들다.
- 작업 맵의 이름을 ScrollToBottom으로 지정합니다.
- 에서 트리거 선택 섹션, 클릭 세그먼트 일치.
- 딸깍 하는 소리 세부정보 표시 그런 다음 세그먼트 선택.
- 에서 세그먼트 선택 대화 상자에서 ScrollToBottom 세그먼트를 선택합니다.
- 필요에 따라 나머지 작업 맵을 구성한 다음 저장합니다.
Live Now에서 솔루션 테스트
- 열려 있는 지금 살아.
- 웹사이트를 엽니다.
- 방문을 시작하고 추적 중인 페이지로 이동합니다.
- 맨 아래로 스크롤합니다.
- 지금 라이브 새로 고침 새 방문자가 나타나고 해당 방문자가 맨 아래로 스크롤 분절.