결과

결과

💡
도다의 콘텐츠에는 아래와 같은 다섯 개의 탭이 있어요. 스타일 → 커버 → 문제 → 결과 → 퍼블리싱 이 페이지에서는 그 네 번째 탭인 ‘결과’에 대해 설명하고 있어요.

목차

결과 탭에서 무엇을 할 수 있나요?

결과 탭에서는 콘텐츠의 결과값을 구성할 수 있어요.

제작하는 콘텐츠에 적합한 결과 페이지를 구성해 보세요! 유저의 응답에 따라 다른 결과값을 보여주는 것도 가능하답니다. 결과 페이지 하단에 다양한 공유 경로를 설정할 수도 있어요.

⚠️ 퀴즈 알고리즘이 아닌 ‘설문’의 결과 탭은 단일 엔딩 페이지로 구성되어요.

기본 기능

1️⃣ 결과 카드 추가

결과 카드 상단 중앙에 ‘+ 결과 추가’ 버튼을 누르면, 새로운 결과 카드가 추가되어요.

image

2️⃣ 결과 카드 복제/삭제

  • 결과 카드 복제 복제를 원하는 카드의 오른쪽 상단에서 ‘이 페이지 복사’를 누르고, 목표 결과 페이지를 선택해 주세요. 목표 결과 페이지가 복제를 원하는 카드와 동일하게 변경됩니다.
  • image

    ⚠️ 결과 카드 복제 기능은 목표 결과 페이지가 없으면 복제가 불가능하기 때문에, 두 개 이상의 결과 카드가 존재할 때 사용할 수 있어요.

  • 결과 카드 삭제 결과 카드 오른쪽 상단의 ‘삭제’를 누르면 결과 카드를 삭제할 수 있어요.
  • image

결과 페이지 구성

1️⃣ 레이아웃

카드와 플랫 중에서 결과 페이지의 레이아웃을 골라 주세요.

image

2️⃣ 썸네일 업로드

결과 페이지의 상단에 이미지를 표시할 수 있어요. 결과 페이지 상단의 빈칸을 클릭하고 원하는 이미지를 삽입해 주세요. 결과값 썸네일에 들어갈 이미지로는 비율이 1(가로):1(세로)인, 5MB 이하의 정방형 이미지를 추천해 드려요.

결과값 썸네일은 PNG, JPG, GIF 파일을 모두 지원하고 있어요. 꽉 찬 정방형의 이미지, 공중에 떠 있는 이미지(투명 배경 png), 움직이는 이미지(gif) 모두 구현 가능하답니다!

image

3️⃣ 텍스트 구성하기

  • 텍스트 문구 수정 제목과 부제목, 결과 페이지의 내용을 자유롭게 변경할 수 있어요. 텍스트에 이모티콘을 사용하여 더욱 직관적으로 표현하는 것도 가능하답니다!
  • image

    ⚠️ 이모티콘을 복사하여 문제나 선택지, 시작 페이지에서도 모두 사용할 수 있어요.

  • 글꼴 설정 결과 페이지의 내용 텍스트에는 다음과 같은 글꼴 설정을 적용할 수 있어요.
  • 👉 굵은체, 글자 크기, 글꼴, 기울임, 밑줄, 취소선, 색깔, 하이라이트

    image

  • 단락 설정 결과 페이지의 내용 텍스트에는 다음과 같은 단락 설정을 적용할 수 있어요.
  • 👉 줄높이, 글 머리표, 텍스트 맞춤, 분할선

    image

4️⃣ 추가 구성요소

결과 카드에 이미지, 유튜브 영상, 링크 버튼, 카드를 추가할 수 있어요. 추가된 요소를 삭제하고 싶다면, 해당 요소를 클릭해 주세요. ‘삭제하기’ 버튼을 찾을 수 있을 거예요.

  • 이미지 추가 이미지 추가를 누르고 원하는 이미지를 넣어 주세요. 이미지에 링크를 걸어둘 수도 있어요.
  • image

  • 유튜브 영상 추가 유튜브 영상 추가를 누르고 링크를 입력해 주세요. 영상 시작/종료 시간도 설정할 수 있답니다.
  • image

  • 링크 버튼 추가 링크 버튼 추가를 누르고 ‘버튼 텍스트’에 원하는 문구를 입력해 주세요. 하단의 URL에 랜딩을 원하는 링크를 입력하면 됩니다.
  • image

  • 카드 추가 카드 추가 버튼을 누르고, 카드 안에 원하는 문구를 작성할 수 있어요.
  • image

  • 단 나누기 단 나누기를 사용하여, 결과 페이지를 두 개의 단으로 나누어 쓸 수 있어요. 텍스트와 이미지 모두 두 개의 단으로 구성 가능하답니다!
  • image

CTA

🤔 설문을 완료한 유저를 우리 브랜드의 웹사이트로 랜딩시킬 수는 없을까?

결과 페이지에서 도다 CTA 기능을 통해 유저를 다른 웹사이트로 랜딩시킬 수 있어요. 도다에서는 버튼과 하이퍼링크가 걸린 이미지, 이 두 가지의 CTA를 삽입할 수 있답니다.

⚠️ CTA는 ‘콜투액션(call to action)’의 약어로, 사용자의 반응을 유도하는 행위 혹은 요소를 의미해요. 웹사이트에서 흔히 보는 배너, 링크, 버튼 등이 CTA에 해당합니다.

1️⃣ CTA 버튼 추가하기

결과 페이지 에디터 창에서 [링크버튼 추가] 옵션을 선택해주세요. 버튼 링크와 텍스트 URL을 입력할 수 있는 창이 나타납니다. 유저에게 보여주고 싶은 버튼 문구를 작성하고, URL을 넣어주세요.

image

⚠️ 링크는(https://URL)의 형식으로 입력하셔야 정상적으로 작동합니다.

2️⃣ CTA 이미지 추가하기

결과페이지 에디터 창에서 [이미지 추가] 옵션을 선택해주세요. 삽입을 원하시는 이미지를 업로드하면, 하이퍼링크를 삽입할 수 있는 옵션 창이 뜬답니다. 이때, 연결하고 싶은 링크의 URL을 넣어주세요. 결과 페이지에서 유저들이 해당 이미지를 누르면, 입력하신 링크로 연결되어요.

image

⚠️ 링크는(https://URL)의 형식으로 입력하셔야 정상적으로 작동합니다.

3️⃣ CTA 기능 미리보기

🤔 유료 플랜 결제 전에 CTA 기능이 잘 작동하는지 확인하고 싶은데…

테스트 링크로 접속할 시, 유료 플랜을 구매하기 전까지 CTA 기능은 비활성화 되어 있어요. 링크가 맞게 삽입되었는지 확인하시려면, [미리보기] 기능을 사용해주시면 된답니다.

결과페이지의 에디터 창에서 링크 버튼을 삽입하거나, 이미지에 하이퍼링크를 걸어주세요. 이후 화면의 오른쪽 상단에 있는 미리보기 버튼을 누르면, 콘텐츠를 직접 플레이해 볼 수 있는 미리보기 창이 열려요. 해당 창에서 버튼/이미지를 눌러보면 CTA가 잘 작동하는지 확인할 수 있어요.

image

⚠️ 화면 오른쪽의 미리보기에서는 버튼이 작동되지 않습니다. 화면 우측 상단의 미리보기 버튼을 사용해 주세요.

결과 페이지 아웃랜딩

결과 카드에 URL을 별도 지정하면 응답에 따라 맞춤으로 원하는 사이트로 랜딩시킬 수 있어요.

서베이를 모두 진행한 뒤에 응답 완료 페이지에 CTA버튼을 넣어서 응답자에게 따로 클릭을 하게 하면 퍼널이 하나 추가 돼서 이탈률이 높을 수 밖에 없죠. 응답 완료 페이지 대신 우리 브랜드의 웹사이트로 랜딩시켜보세요!

디자인

1️⃣ 결과 카드 색 설정

결과 카드 색 설정 기능을 통해 카드별로 다른 테마를 설정할 수 있어요.

결과 카드 왼쪽에 디자인 버튼을 누르고, 강조색과 배경색을 고른 후 확인 버튼을 눌러 주세요. 색과 투명도 모두 변경 가능하답니다! 테마 색을 변경하기 전 결과 카드 색 설정의 오른쪽 상단에 있는 미리보기 버튼을 통해 색을 확인할 수 있어요.

image

공유

1️⃣ 공유 경로 설정

다양한 공유 경로를 자유롭게 켜고 끌 수 있어요. 설정할 수 있는 공유 경로는 다음과 같아요. 👉 페이스북, 페이스북 메신저, 트위터, 카카오톡, 라인, 왓츠앱, 링크 공유, 이미지 공유

image

2️⃣ 해시태그 커스텀

공유 경로 설정에서 트위터 공유를 허용하면 ‘트위터 공유 해시태그 커스텀’ 버튼이 생겨요. 제작한 콘텐츠에 필요한 해시태그를 직접 설정해 보세요. 해시태그는 10개까지 설정할 수 있답니다!

image

3️⃣ 공유 썸네일 설정

어떤 페이지를 콘텐츠 공유 썸네일로 설정하고 싶나요? 도다에서는 커버 이미지결과 페이지 중, SNS 공유 썸네일을 선택할 수 있어요. 결과 탭에서 ‘결과 페이지 공유’와 ‘결과 썸네일 공유’ 버튼을 눌러 보세요.

👉 결과 썸네일 공유 유저가 플레이 후에 공유를 할 때, 자신이 나온 결과가 썸네일이 반영되어요.

👉결과 페이지 공유 유저가 플레이 후에 공유를 할 때, 자신이 나온 결과 페이지 자체가 공유되어요.

image
  • 커버 이미지 공유 커버 이미지를 SNS 공유 썸네일로 사용하고 싶다면, ‘결과 페이지 공유’와 ‘결과 썸네일 공유’ 설정을 모두 꺼주세요.
  • 콘텐츠 결과 페이지 공유 ’결과 썸네일 공유’를 활성화하면, 결과 페이지 하단에 ‘테스트하기’ 버튼이 나타납니다. ‘결과 썸네일 공유’와 ‘결과 페이지 공유’를 모두 활성화하면, 결과 페이지 하단에 ‘테스트하기’와 ‘결과 보기’ 버튼이 나타납니다.
결과 페이지 공유 X 
결과 썸네일 공유 X
결과 페이지 공유 X 결과 썸네일 공유 X
결과 페이지 공유 X
결과 썸네일 공유 O
결과 페이지 공유 X 결과 썸네일 공유 O
결과 페이지 공유 O
결과 썸네일 공유 O
결과 페이지 공유 O 결과 썸네일 공유 O

4️⃣ 모든 결과 모아보기

모든 결과 모아보기를 허용하면 결과 페이지 하단에 모든 결과 모아보기 버튼이 생성되어, 유저가 실시간으로 많이 나온 결과 순위를 확인할 수 있어요.

image

다른 가이드 보기

💡
도다는 언제나 여러분의 솔직한 피드백을 기다립니다. 제안하고 싶은 기능이 있으시면 언제든 [기능 제안하기] 로 부담없이 연락 주세요!