대본: 페이지 하단으로 스크롤하는 방문자 참여 유도

대본

신제품을 알리는 웹페이지를 만들었습니다. 전체 페이지를 보고 그들과 상호 작용을 시작하는 방문자의 세그먼트를 만들고 싶습니다.

단계 요약

  1. 자바스크립트를 사용하여 ScrollToBottom 이벤트 태그 생성.
  2. 이벤트 태그 배포 선호하는 태그 관리자와 함께.
  3. 세그먼트 만들기 이벤트 태그를 사용합니다.
  4. 액션 맵 만들기 방문자를 참여시키기 위해.
  5. 솔루션 테스트 라이브 나우에서.

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 개발자 센터에서

이벤트 태그 배포

원하는 태그 관리자를 사용하여 이벤트 태그를 배포합니다.

참고: 이벤트 태그에 대해 정의한 JavaScript 코드는 방문자가 태그에 대해 정의된 실행 조건(특정 페이지 URL 또는 HTML 요소의 존재)과 일치하는 페이지에 있을 때마다 실행됩니다.

ScrollToBottom 세그먼트 생성

  1. Genesys Cloud CX 관리자에서 세그먼트 생성.
  2. 아래에 방문자 여정, 클릭 첫 번째 이벤트 추가.
  3. 에서 세션 유형 상자, 클릭 편물.
  4. 에서 이벤트 내용 상자, 클릭 이벤트 액션.
  5. 에서 기인하다 상자, 클릭 이름.
  6. 에서 운영자 상자, 클릭 같음.
  7. 에서 상자에 정의한 대로 태그의 이름을 입력하십시오. ac('기록') 또는 여정.기록 전화를 걸고 확인 표시를 클릭합니다.
참고: 웹 세션 유형을 생성해야 합니다. 사용자 정의 세션 유형을 사용하지 마십시오.

ScrollToBottom 작업 맵 만들기

  1. Genesys Cloud CX 관리자에서 액션 맵을 만들다.
  2. 작업 맵의 이름을 ScrollToBottom으로 지정합니다.
  3. 에서 트리거 선택 섹션, 클릭 세그먼트 일치.
  4. 딸깍 하는 소리 세부정보 표시 그런 다음 세그먼트 선택.
  5. 에서 세그먼트 선택 대화 상자에서 ScrollToBottom 세그먼트를 선택합니다.
  6. 필요에 따라 나머지 작업 맵을 구성한 다음 저장합니다.

Live Now에서 솔루션 테스트

  1. 열려 있는 지금 살아.
  2. 웹사이트를 엽니다.
  3. 방문을 시작하고 추적 중인 페이지로 이동합니다.
  4. 맨 아래로 스크롤합니다.
  5. 지금 라이브 새로 고침 새 방문자가 나타나고 해당 방문자가 맨 아래로 스크롤 분절.