선제 메시지: 툴팁, 예약 메시지와 캠페인
기다린 뒤, 스크롤 중, 요소를 클릭했을 때나 떠나기 전 등 적절한 순간에 채팅 버튼의 조용한 말풍선이나 채팅 메시지로 방문자에게 말을 겁니다.
클릭, 스크롤, 잠시 멈춤 같은 페이지 이벤트가 안내를 유발합니다. 일정 시간 후 채팅 버튼에 작은 말풍선이 나타나거나 채팅에 메시지가 표시됩니다. 계정에서는 툴팁과 예약 작업이라고 합니다. /app/projects/{id}의 규칙과 서비스 탭에 있습니다.
두 가지 표시 방식
- 채팅 버튼의 툴팁 말풍선 – 조용한 방식입니다. 채팅 버튼 옆에 표시되고 스스로 또는 닫기 아이콘으로 사라지며 창을 열지 않습니다. 방문자의 키보드 포커스를 빼앗지 않아 양식 작성 중에도 방해하지 않습니다. 휴대전화에서는 채팅 버튼 위에 있습니다.
- 채팅 메시지 – 대화에 메시지로 표시됩니다. 채팅 창도 열기를 선택하면 창이 열립니다.
방문자가 어려움을 겪는 중이라면 갑자기 창을 띄우지 않는 편이 좋습니다. 확실하지 않으면 말풍선을 사용합니다.
어시스턴트에서 툴팁 만들기
목록에는 모든 안내가 카드로 표시되며 활성 스위치, 수정, 복제, 삭제와 이동 버튼이 있습니다. 기본값 복원은 제공된 규칙을 초기화합니다. 밝은 페이지와 어두운 페이지의 미리보기를 보며 다섯 단계로 새 툴팁을 만듭니다.
1. 트리거
- 페이지 열림 – 페이지를 열 때입니다.
- 페이지 체류 시간 – 최소 체류 시간이 지난 뒤입니다. 위젯이 30초마다 확인합니다.
- 스크롤 깊이 – 페이지의 1–100%부터입니다.
- 비활동 – 마우스, 키보드, 터치, 스크롤 입력이 3초–60분 동안 없을 때입니다.
- 탭으로 돌아옴 – 다른 곳에 있다가 탭으로 돌아올 때입니다.
- 이탈 의도 – 마우스 포인터가 창 상단으로 나갈 때입니다. 데스크톱 전용입니다.
- 요소 클릭 – CSS 선택자가 필수입니다.
- 마우스 머무름 – 요소 위에 0.2–60초 머무를 때입니다(기본값 1초). 선택자가 필수입니다.
- 요소가 보임 – 스크롤로 요소가 화면에 들어올 때입니다. 선택자가 필수입니다.
- 양식 필드 진입 – 필드에 포커스를 둘 때입니다. 선택자가 필수입니다.
- 텍스트 복사 – 선택적으로 한 요소로 제한합니다.
- 사용자 지정 이벤트 – 자체 코드에서 발생시킵니다. 아래를 참조합니다.
- 불편 신호 – 예를 들어 페이지의 JavaScript 오류(
js_error)입니다. 같은 위치 반복 클릭이나 양식 작성 중단 같은 다른 신호는 MousePlayer 연결에서만 제공됩니다. - 구매 의도 – MousePlayer에서만 감지합니다.
2. 조건
- 주소에 포함과 주소에 포함되지 않음 – 주소 일부 또는
/pattern/i형식의 정규식입니다. - 유입 페이지 – 이전 페이지(referrer)이며 같은 표기법을 사용합니다.
- 기기 – 휴대전화 또는 데스크톱입니다.
- 방문자 – 신규 또는 재방문입니다. 위젯이 브라우저에 저장할 수 있을 때, 즉 동의가 있을 때만 재방문을 인식합니다.
- 페이지 언어 – 최대 20개 언어 코드입니다.
- 이 세션의 페이지 수 – 최소 1–100입니다.
- 팀 – 누군가 온라인일 때만 또는 아무도 온라인이 아닐 때만입니다.
- 상담 시간 – 상담 시간 안에서만 또는 밖에서만입니다.
- 진행 중인 대화에서는 제외 – 기본값입니다. 창이 열려 있거나 마지막 메시지가 10분 이내이면 진행 중인 대화로 간주합니다.
3. 시점
- 트리거 후 초 단위 대기입니다. 그사이 방문자가 툴팁이 적용되지 않는 페이지로 이동하면 취소합니다.
- 말풍선 표시 시간: 방문자가 닫을 때까지 또는 3–120초입니다. 값이 없으면 15초입니다.
- 빈도 – 세션당, 방문자당, 대화당 한 번 또는 10분·1시간·24시간에 최대 한 번입니다. “세션당 여러 번”은 2–10회를 허용합니다.
- 중요도 – 높음, 중간, 낮음 또는 직접 지정한 숫자입니다. 툴팁 두 개가 동시에 적용되면 더 중요한 것을 표시합니다.
4. 콘텐츠
- 문구 – 최대 500자입니다.
- 빠른 답변 – 텍스트 아래 버튼으로 각각 최대 32자이며 말풍선에는 최대 3개, 메시지에는 최대 4개입니다. 각 답변에는 동작이 있습니다.
- 질문하기 – 채팅을 열고 운영자의 문장과 방문자 답변을 표시한 뒤 무엇에 관한 것인지 묻습니다.
- 괜찮아요 – 말풍선을 닫습니다. 해당 세션에서는 이 툴팁이 다시 나타나지 않습니다.
- 전화 요청하기 – 전화 요청을 엽니다.
- 메시지(기본값) – 답변을 채팅 메시지로 보냅니다.
- 상담원 사진 – 배정된 팀원의 아바타를 말풍선에 표시합니다.
- AI가 페이지별로 작성 – 고정 문장 대신 AI가 각 페이지의 콘텐츠에서 적합한 문장을 작성합니다. 운영자의 텍스트는 대체 문구로 남습니다.
페이지별 제안과 자체 문장
AI가 페이지별로 작성에서 가장 많이 방문한 페이지 20개에 대한 제안 생성을 할 수 있으며 분당 최대 한 번입니다. 백그라운드에서 작성하며 보통 1분 안에 완료됩니다. 제안마다 최대 500자의 자체 텍스트로 대체할 수 있습니다. 폐기할 때까지 해당 페이지에 적용되며 AI가 덮어쓰지 않습니다. 폐기한 제안은 다음 페이지 방문 때 다시 작성됩니다.
항상 적용되는 사항
안내가 성가시지 않도록 끌 수 없는 고정 규칙을 적용합니다.
- 방문자당 10분에 최대 한 번 안내합니다. 클릭, 마우스 머무름, 양식 필드 툴팁은 방문자의 행동에 반응하므로 예외입니다.
- 채팅 창이 열려 있거나 채팅 버튼이 숨겨져 있으면 말풍선을 표시하지 않습니다.
- 세션당 최대 3개 말풍선입니다.
- 닫았으면 닫힌 상태 유지: 같은 툴팁은 해당 세션에서 다시 나타나지 않습니다.
- 방해 금지: 페이지가 방문자에게 “방해 금지”를 설정했으면(아래 참조) 안내가 나타나지 않습니다.
요금제
무료 요금제에서는 프로젝트당 활성 툴팁 1개, Professional부터는 제한 없이 사용할 수 있습니다. 활성 말풍선과 메시지는 목록 순서로 집계합니다. 한도를 넘어 저장하려 하면 안내가 표시됩니다. 워크스페이스가 무료 요금제로 돌아가면 초과 툴팁은 저장된 상태로 남지만 제공되지 않습니다.
고급 사용자: JSON 규칙
어시스턴트 아래의 전문가: JSON 규칙에는 같은 목록이 직접 편집할 수 있는 JSON으로 있습니다. 비워 두면 reactive.chat 기본값입니다. 저장 시 엄격히 검사하며 오류가 있으면 규칙과 필드를 알려 줍니다.
[
{
"id": "preise-hilfe",
"enabled": true,
"priority": 50,
"when": { "event": "scroll", "minScrollPct": 60, "urlMatch": "/preise" },
"unless": { "conversationActive": true },
"throttle": { "max": 1, "per": "session" },
"delayMs": 2000,
"action": {
"type": "teaser",
"text": "Questions about our plans? Happy to help.",
"quickReplies": ["Yes, I have a question", "No thanks"],
"replyRoles": ["ask", "dismiss"],
"ttlMs": 20000
}
}
]
주요 제한:
- 최대 규칙 50개, 총 60,000자,
id: 소문자, 숫자와 하이픈, 최대 40자,priority: 0–1000, 작은 숫자가 우선하며 기본값은 100,delayMs: 0–86,400,000(24시간),ttlMs(말풍선만): 0–120,000, 0은 닫을 때까지,throttle.max: 1–100,throttle.per:session,visitor,conversation,10m,1h,24h,action.type:teaser(말풍선) 또는proactive_message(메시지,openWidget포함),- 패턴과 선택자는 최대 200자,
_로 시작하는 필드는 주석입니다.
알 수 없는 필드는 거부되므로 저장 시 오타를 발견할 수 있습니다.
코드: 말풍선 표시
페이지의 동작 후처럼 자체 코드에서 채팅 버튼에 말풍선을 표시합니다.
ReactiveChat('show', 'Questions about your plan? Write to us.');
ReactiveChat('showTeaser', {
text: 'Questions about your plan?',
quickReplies: ['Yes', 'No thanks'],
ttlMs: 15000,
ruleId: 'tarif-kampagne'
});
ReactiveChat('hide');
이 말풍선에도 위 규칙이 적용됩니다. showTeaser는 말풍선 표시 여부를 반환합니다. 위젯은 ReactiveChat('on', …)으로 teaser:shown, teaser:click, teaser:dismiss, teaser:reply 이벤트를 알립니다.
코드: 사용자 지정 이벤트를 트리거로 사용
사용자 지정 이벤트 트리거에는 페이지의 주요 진행 시점을 알립니다.
ReactiveChat('track', 'warenkorb_voll');
툴팁에 같은 이름을 입력합니다.
방해 금지
결제 중처럼 방문자에게 전혀 말을 걸지 않아야 하면 스니펫에 다음을 추가합니다.
data-rc-dnd="true"
채팅은 계속 접근 가능하며 선제 안내만 생략합니다.
캠페인
특정 대상에게 홍보하려면 /app/projects/{id}/campaigns의 캠페인을 사용합니다. 정확하게 지정한 대상 집단에게 채팅 메시지를 보내며 원하면 실험안 B도 사용합니다. 캠페인은 Professional 요금제부터 가능합니다.
- 메시지 최대 500자, 답변 버튼 최대 3개, 선택적으로 창도 엽니다.
- 실험안 B 비율 1–99%, 기본값 50%.
- 대상 집단은 페이지, 체류 시간, 유입 출처, UTM 매개변수, 신규·재방문, 국가, 언어, 기기, 로그인·익명 방문자, 그리고 고객 데이터를 사용한 주문 상태 등으로 지정합니다.
- 빈도는 방문자당 1–50회(기본값 1), 최소 간격 1–2160시간(기본값 24)입니다.
- 일정에 시작과 종료를 지정합니다.
- 성과: 전달, 확인, 클릭, 대화 시작, 목표 달성입니다.
캠페인은 툴팁과 10분 제한을 공유하며 진행 중인 대화에서는 나타나지 않습니다. EU, EEA, 스위스, 영국 방문자와 국가를 알 수 없는 방문자는 동의한 경우에만 대상으로 삼습니다. 캠페인 계획과 평가 방법은 제품 매뉴얼에 설명되어 있습니다.
안내가 나타나지 않는 경우
- 활성 상태이며 요금제에서 허용되나요?
- 최근 10분 안에 이미 안내가 있었나요?
- 대화가 진행 중이거나 창이 열려 있나요?
- 방문자가 이미 닫았거나 빈도 한도에 도달했나요?
- 주소, 기기나 상담 시간 같은 조건이 일치하나요?
- 채팅 버튼이 숨겨져 있나요? 그러면 말풍선은 없습니다. 채팅 메시지를 사용합니다.
- 불편 또는 구매 의도 트리거인가요? JavaScript 오류 외의 이런 신호는 MousePlayer에서만 제공합니다.
최종 업데이트: