리스토베이(LISTOVEY) 설문 삽입 기능 완벽 정리
사용자 경험을 해치지 않으면서도 자연스럽게 웹사이트 내에 설문을 넣고 싶다면?
구글폼이 따라올 수 없는 리스토베이만의 웹사이트 삽입 기능을 소개합니다.
💡 리스토베이 설문 삽입 기능이란?
리스토베이는 단순한 설문 링크 공유를 넘어서, 웹사이트에 설문을 직접 삽입할 수 있는 기능을 제공합니다.
총 4가지 방식으로, 사이트 성격에 맞게 유연하게 적용할 수 있습니다.
1️⃣ 일반적인 (Inline Embed)
👇 특정 섹션 안에 자연스럽게 들어가는 방식
웹페이지 내 div 등 원하는 영역 안에 설문을 삽입하는 기본적인 방식입니다.
<div id='survey-div'>
<iframe
id='listo-survey'
data-args='SUDFV'
data-url='jjUVyey9x'
data-width='100%'
data-height='98vh'
frameborder="0">
</iframe>
</div>
<script src="https://assets.listovey.com/js/standard.js?0EfoQ"></script>📌 장점: 콘텐츠 흐름을 해치지 않음
📌 활용 예: 뉴스 기사 중간, 콘텐츠 하단, 제품 후기 요청 섹션
2️⃣ 전체페이지 (Standalone Page)
🔗 하나의 독립된 설문 전용 페이지로 제작
리스토베이는 HTML 전체 구조까지 제공하여, 설문 전용 페이지를 웹사이트 하위 페이지로 구성할 수 있게 해줍니다.
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>기관 교육 만족도 조사</title>
<style type="text/css">
html, body { margin: 0; height: 100%; overflow: hidden; }
iframe { position: absolute; left:0; right:0; bottom:0; top:0; border:0; width: 100%; height: 100%; }
</style>
</head>
<body>
<iframe
src="https://i.listovey.com/r/SUDFV?0.044830544203068756"
frameborder="0"
allow="camera; microphone; autoplay; encrypted-media;">
</iframe>
</body>
</html>📌 장점: 별도 페이지 구성 가능 (SEO 별도 적용 가능)
📌 활용 예: yourdomain.com/survey 같은 전용 URL
3️⃣ 팝업 삽입 (Popup)
🪟 버튼 클릭 시 가운데 뜨는 설문창
설문 참여 버튼 클릭 시, 기존 페이지 위에 모달 팝업 형태로 설문이 뜹니다.
<div
id='listo-survey'
data-args='SUDFV'
data-url='jjUVyey9x'
data-style='abled'
style='display: table; border-radius: 3px; background-color: rgba(63, 81, 181, 1); padding: .7em; cursor: pointer; color: white; font-size: 16px;'
>
설문 조사하기
</div>
<script src="https://assets.listovey.com/js/popup.js?0EfoQ"></script>
📌 장점: 기존 페이지 흐름 유지 + 설문에 집중 유도
📌 활용 예: 회원 가입 완료 후, 구매 완료 후 등
4️⃣ 위젯 삽입 (Widget)
🚀 페이지 좌우 하단에 버튼이 항상 떠 있다가 클릭 시 설문창 노출
UX에 부담 주지 않으면서, 사이트에 상시 부착된 설문 버튼으로 설문을 유도할 수 있습니다.
<listo-survey
data-args='SUDFV'
data-url='jjUVyey9x'
data-shape='add'
data-color='63, 81, 181, 1'
data-src=''
data-size='50'
data-position='bottom-right'>
</listo-survey>
<script src="https://assets.listovey.com/js/popover.js?0EfoQ"></script>📌 장점: 서비스 이용 도중 자발적 참여 유도
📌 활용 예: 고객센터, 피드백 수집, 베타 서비스 개선 제안
✅ 정리: 어떤 효과가 있나?
|
삽입 방식
|
설문 접근성
|
사용자 경험
|
활용도
|
|
일반적인
|
★★★
|
콘텐츠 내 자연스러움
|
FAQ, 제품 후기
|
|
전체페이지
|
★★★★
|
독립성 최고
|
공식 안내용 설문
|
|
팝업
|
★★★★
|
집중도 최고
|
후속 참여 요청
|
|
위젯
|
★★★★
|
자율참여 유도
|
지속 피드백 수집
|
🎥 모든 삽입 방식, 영상으로 한눈에 보기
지금까지 소개한 4가지 설문 삽입 방식을
직접 웹사이트에 적용한 모습이 궁금하시다면?
아래 시연 영상을 통해 실제 구현된 모습을 한눈에 확인할 수 있습니다.
📌 마무리
리스토베이는 단순히 “설문 링크”를 던지는 서비스가 아닙니다.
사이트 흐름에 녹아드는 설문 UX를 제공하는 제대로 된 솔루션입니다.
디자인·기능·분석까지 설문으로 고민 중이라면, 리스토베이를 한 번 꼭 써보세요.
'서비스가이드' 카테고리의 다른 글
| 📝 설문지 만들기 어렵지 않아요! 설문 플랫폼 선택 시 꼭 봐야 할 5가지 기준 (ft. 리스토베이 (7) | 2025.06.13 |
|---|---|
| ✅ 네이버폼보다 강력한 설문 플랫폼, 리스토베이 써보니 다르더라 (2) | 2025.06.09 |
| 전세계의 흥미로운 설문 에피소드들 - 뉴욕, 런던, 파리, 중국 (3) | 2024.10.04 |
| 설문을 통한 데이터 분석을 수행하는 방법 (0) | 2024.09.27 |
| 🔀 무작위 랜덤 설문 만들기 | 문항, 보기, 항목, 섹션 랜덤 (0) | 2024.04.11 |
