블로그와 편집팀을 위해
독자를 위한 완성된 퀴즈
그냥 그런 글 하나보다 더 나은 콘텐츠 아이디어를 찾고 있나요? 소중한 사람에 대한 열두 가지 질문을 1분 만에 풀 수 있고, 마지막에는 독자에게 인쇄할 수 있는 선물이 주어져요.
인터랙티브 콘텐츠는 독자를 페이지에 더 오래 머물게 하고, 어버이날이나 크리스마스, 가족에 관한 어떤 글에도 좋은 계기가 되며, 비용은 전혀 들지 않아요. 계정도, 설치도 필요 없이 붙여넣을 코드 하나면 충분해요.
- 무료, 가입 없이
- 내 색상과 로고로
- 1분이면 설치 완료
퀴즈 구성하기11개 언어를 지원해요. 광고도, 독자 추적도 없어요.
1
1단계: 퀴즈 설정하기
내 색상색상 하나면 충분해요. 버튼부터 가장 가는 선까지 퀴즈 전체가 그 색을 따라가요.
#ac5028
2
2단계: 코드 받기
삽입용 코드
복사해서 퀴즈가 나타날 자리에 붙여넣으세요.
<div class="familystories-quiz" style="max-width:680px;margin:0 auto">
<iframe
src="https://familystories.love/embed/quiz/v1/family/ko"
title="가족을 정말 얼마나 잘 알고 있나요?"
width="100%" height="760" loading="lazy"
allow="clipboard-write; web-share"
referrerpolicy="strict-origin-when-cross-origin"
style="display:block;width:100%;max-width:100%;border:0;border-radius:24px 24px 0 0"
></iframe>
<p style="margin:0;padding:10px 24px;border:1px solid #e0d5c5;border-top:0;border-radius:0 0 24px 24px;background:#fffdf8;color:#7b6e5b;font:11px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;text-align:end"><a href="https://familystories.love/ko#quiz" style="color:#874d3a;font-weight:700;text-decoration:none">FamilyStories</a>의 퀴즈</p>
</div>
링크만 있으면 될까요?
그렇다면 퀴즈로 연결되는 링크만 걸어도 괜찮아요. 독자는 저희 페이지에서 퀴즈를 풀고 마지막에 같은 선물을 받아요.
https://familystories.love/ko#quiz
AI 어시스턴트가 대신 넣어주면 좋겠나요?
이 지침을 복사해서 어시스턴트에게 주세요. 완성된 코드가 담겨 있어요.
받는 것
무료이고 계정도, 가입도, 만료일도 없어요.
광고 없음, 독자 추적 없음, 저희가 심는 쿠키도 없어요.
휴대폰에서도 큰 화면에서도 똑같이 근사해 보여요.
퀴즈 안에서 FamilyStories는 마지막 페이지에만 나타나요.
11개 언어를 지원해요. 어떤 언어로 풀지는 독자가 직접 선택해요.
퀴즈 아래에는 FamilyStories의 퀴즈라는 한 줄이 붙어 있어요. 이 줄은 위젯의 일부라서 그대로 남아요.
넣는 방법
대부분의 시스템에서는 1분도 걸리지 않아요. 메뉴 이름은 제공사와 요금제에 따라 조금씩 다르고, 일부 제공사는 특정 요금제부터만 자체 코드를 허용해요.
- 01
WordPress
블록을 추가하고 사용자 정의 HTML을 찾아 코드를 붙여넣은 뒤 글을 업데이트하세요.
- 02
Wix
추가, 다음으로 퍼가기, 다음으로 HTML 퍼가기를 선택하세요. 코드를 붙여넣고 틀을 원하는 크기로 드래그하세요.
- 03
Squarespace
블록을 추가하고 코드를 선택한 뒤 코드를 붙여넣고 형식은 HTML로 그대로 두세요.
- 04
Jimdo
요소 추가, 더 많은 요소, 그다음 위젯 또는 HTML을 선택하세요. 코드를 붙여넣고 저장하세요.
- 05
Blogger
글쓰기 화면에서 HTML 보기로 전환하고 원하는 위치에 코드를 넣은 뒤 다시 전환하세요.
- 06
Ghost
편집기에서 새 카드를 추가하고 HTML을 선택해 코드를 붙여넣으세요.
- 07
Webflow
Embed 요소를 페이지에 드래그하고 코드를 붙여넣은 뒤 게시하세요.
- 08
Typo3
백엔드에서 일반 HTML 유형의 콘텐츠 요소를 추가하고 코드를 붙여넣으세요.
- 09
Shopify
페이지 편집기에서 코드 보기로 전환하고 원하는 위치에 코드를 넣으세요.
자주 묻는 질문
퀴즈 위젯 이용료는 얼마인가요?
무료예요. 계정도, 가입도, 유료 요금제도, 만료일도 없어요. 코드를 복사하면 바로 내 사이트에서 퀴즈가 작동해요.
워드프레스에는 퀴즈를 어떻게 넣나요?
글에 사용자 정의 HTML 블록을 추가하고 복사한 코드를 그 안에 붙여넣으세요. Wix, Squarespace, Jimdo, Blogger, Ghost, Webflow, Typo3, Shopify에서는 퍼가기, 코드, HTML이라는 이름의 블록을 사용하면 돼요.
독자들에게 광고가 뜨거나 추적을 당하지는 않나요?
아니요. 이 퀴즈는 광고를 보여주지 않고, 저희 쪽에서 쿠키를 심지도 않으며, 누구도 추적하지 않아요. 마지막에는 비교를 위해 점수와 선택한 국가만 익명으로 집계돼요.
색상을 제 디자인에 맞게 바꿀 수 있나요?
네. 색상 하나를 고르면 버튼부터 가장 가는 선까지 퀴즈 전체가 그 색을 따라가요. 로고도 업로드할 수 있는데, 퀴즈 오른쪽 위에 표시돼요.
퀴즈는 어떤 언어로 되어 있나요?
11개 언어예요. 독일어, 영어, 프랑스어, 스페인어, 포르투갈어, 이탈리아어, 네덜란드어, 터키어, 일본어, 한국어, 아랍어예요. 독자는 퀴즈 안에서 직접 언어를 선택해요.
퀴즈 아래 줄은 꼭 남겨둬야 하나요?
네, FamilyStories의 퀴즈라는 줄은 위젯의 일부예요. 대신 FamilyStories는 퀴즈 안에서 마지막 페이지에만 나타나서 독자를 방해하지 않아요.
