웹사이트에 Google Forms 퀴즈를 삽입하는 것은 놀라울 정도로 간단합니다. 평가를 만드는 교사, 지식 점검을 구축하는 트레이너, 직원 설문을 디자인하는 HR 매니저 등 누구에게나 이 가이드는 필요한 모든 것을 안내해 드릴 것입니다. 그리고 그 과정에서 몇 가지 강력한 대안들도 살펴보겠습니다.
- 링크 공유 대신 퀴즈를 삽입해야 하는 이유는?
- 웹사이트에 Google Forms 퀴즈를 삽입하는 단계별 가이드
- OnlineExamMaker 소개: AI를 사용하여 삽입 가능한 퀴즈 만들기
- 퀴즈 삽입 시 자주 묻는 질문 및 문제 해결 팁
링크 공유 대신 퀴즈를 삽입해야 하는 이유는?
솔직히 말해서, 사람들을 당신의 사이트에서 떠나게 만드는 링크를 클릭하는 것에는 뭔가 어색함이 있습니다. 흐름을 깨뜨리죠. 당신이 신중하게 디자인한 웹사이트가 갑자기 Google의 일반적인 인터페이스로 바뀌고, 당신도 모르는 사이에 방문자 절반이 이메일을 확인하러 딴 곳으로 흩어져 버립니다.
삽입은 모든 것을 한 곳에 유지합니다. 당신의 퀴즈는 사이트 경험의 일부가 되며, 뒷전이 아닙니다. 전문적으로 보이고, 매끄럽게 느껴지며, 가장 중요한 것은 당신이 원하는 곳에서 청중의 참여를 유지한다는 점입니다.
사용자의 관점에서 생각해 보세요. 새 탭을 열거나 (더 나쁘게는) 완전히 다른 페이지로 리디렉션하는 링크를 클릭하고 싶으신가요, 아니면 이미 읽고 있는 페이지를 아래로 스크롤하여 기다리고 있는 퀴즈를 발견하고 싶으신가요? 답은 꽤 명확해 보입니다.
웹사이트에 Google Forms 퀴즈를 삽입하는 단계별 가이드
Google Forms에서 삽입 코드 얻기
여기서 마법이 시작됩니다, 그리고 이는 아침 커피를 내리는 것보다 쉽습니다. Google Forms는 필요한 모든 것을 은쟁반에 담아 건네줍니다—당신은 어디를 봐야 하는지만 알면 됩니다.
1단계: 퀴즈 열기
Google Forms 퀴즈로 이동하세요. 오른쪽 상단 모서리에 있는 그 전송 버튼이 보이나요? 그것이 당신의 관문입니다. 클릭하면 여러 공유 옵션이 있는 창이 팝업됩니다.
2단계: 삽입 아이콘 찾기
오른쪽 상단 모서리에 있는 점 세 개 아이콘을 클릭하여 삽입 코드 버튼을 얻으세요. 이것이 Embed HTML 아이콘이며, 클릭하면 웹사이트에서 당신의 퀴즈를 활성화할 iframe 코드가 나타납니다.
3단계: 크기 맞춤 설정
여기서 약간 창의적으로 될 수 있습니다. 기본 크기가 당신의 사이트에 완벽하게 맞지 않을 수 있습니다. 퀴즈가 콘텐츠 영역의 전체 너비를 가로질러 늘어나게 하고 싶으신가요? 너비 값을 100%로 변경하세요. 퀴즈가 세로로 너무 조여진다고 느껴지나요? 높이를 800 또는 심지어 1000 픽셀로 높이세요.
코드는 다음과 같이 보일 것입니다:
<iframe src="https://docs.google.com/forms/d/e/YOUR_FORM_ID/viewform?embedded=true" width="100%" height="800" frameborder="0">Loading…</iframe>4단계: 코드 복사
크기에 만족하시면 전체 코드 스니펫을 복사하세요. 이제 이를 웹사이트에 붙여넣을 준비가 되었습니다.
다양한 웹사이트 플랫폼에 퀴즈 추가하기
다른 웹사이트 빌더마다 고유한 특징이 있지만, 삽입에 관해서는 모두 같은 언어를 사용합니다: HTML. 가장 인기 있는 플랫폼에 대한 과정을 분석해 보겠습니다.
WordPress: 콘텐츠 관리 시스템의 강자
WordPress는 인터넷의 거대한 부분을 구동하며, 그럴 만한 이유가 있습니다. 퀴즈를 삽입하는 방법은 다음과 같습니다:
퀴즈를 표시할 페이지나 글을 편집하세요. 블록 편집기(구텐베르크라고도 함)에서 새 블록을 추가하려면 더하기 아이콘을 클릭하세요. 사용자 정의 HTML을 검색하고 선택하세요. iframe 코드를 직접 그 블록에 붙여넣으세요. 게시를 누르면 끝입니다.
WordPress의 아름다움은 유연성에 있습니다—당신은 그 사용자 정의 HTML 블록을 콘텐츠 내 어디든지, 단락 사이에 끼워 넣거나, 또는 전용 섹션을 지정하여 배치할 수 있습니다.
일반 HTML 사이트: 오래된 방식의 접근
원시 HTML로 작업 중이신가요? 이것은 당신의 영역입니다. 좋아하는 코드 편집기에서 HTML 파일을 열고, 퀴즈를 원하는 <body> 섹션의 위치를 찾아 iframe 코드를 붙여넣으세요. 파일을 저장하고 서버에 업로드하면 준비 완료입니다.
이 방법의 직접성에는 뭔가 만족스러운 것이 있습니다. 플러그인도, 인터페이스도 없습니다—오직 당신과 코드뿐입니다.
Wix, Squarespace 및 기타 드래그 앤 드롭 빌더
이 플랫폼들은 모든 것을 시각적이고 직관적으로 만드는 데 중점을 둡니다. 편집기에서 삽입 위젯이나 HTML 블록을 찾으세요. 페이지로 끌어다 놓고, iframe 코드를 붙여넣고, 위치를 원하는 대로 조정하세요.
각 플랫폼마다 이 기능에 대해 약간 다른 이름을 사용합니다—Wix는 “HTML iframe”이라고 부르고, Squarespace는 “코드 블록”을 사용합니다—하지만 개념은 동일하게 유지됩니다.
삽입된 퀴즈 테스트 및 맞춤 설정하기
퀴즈를 삽입했습니다. 훌륭합니다! 하지만 잠시만요—실제로 원하는 방식으로 작동하나요?
다른 장치에서 웹사이트를 열어보세요. 휴대폰에서 퀴즈가 잘 보이나요? 태블릿에서는 어떻습니까? 좁아 보이거나 늘어져 보인다면 iframe 코드의 너비와 높이 값으로 돌아가세요. 너비를 100%로 설정하는 것은 반응형 디자인에 일반적으로 기적을 부르며, 높이는 퀴즈 길이에 따라 시행착오가 필요할 수 있습니다.
사람들을 헷갈리게 만드는 교묘한 문제가 있습니다: Google Form이 사용자에게 Google 계정으로 로그인을 요구하는 경우, 인증을 원하지 않는 일부 참가자를 잃게 될 것입니다. 양식 설정을 다시 확인하고 조직 내 사람들뿐만 아니라 모든 사람으로부터 응답을 허용하도록 설정되어 있는지 확인하세요.
실제 퀴즈 응시 경험을 테스트하세요. 직접 클릭해 보세요. 모든 질문이 제대로 표시되나요? 문제 없이 제출할 수 있나요? 때로는 콘텐츠가 Google Forms에서 삽입된 버전으로 이동할 때 이상한 서식이 몰래 들어옵니다.
OnlineExamMaker 소개: AI를 사용하여 삽입 가능한 퀴즈 만들기
Google Forms는 기본적인 퀴즈에 좋지만, 더 강력한 기능이 필요하다면 어떨까요? 중요한 평가를 실행하거나, 상세한 분석을 추적하거나, 또는 단순히 디자인과 기능에 대한 더 많은 통제권을 원한다면요?
OnlineExamMaker를 소개합니다. 이는 퀴즈 제작을 한 단계 업그레이드하는 AI 기반 시험 생성 소프트웨어입니다.
이는 단순한 또 다른 양식 빌더가 아닙니다. OnlineExamMaker는 Google Forms를 메모장처럼 보이게 만드는 기능을 갖춘 전문적인 시험 및 퀴즈 생성을 위해 특별히 제작되었습니다. 우리는 부정행위 방지 조치, 문제 은행, 무작위화, 상세한 분석, 그리고 당신의 퀴즈를 독특하게 보이게 하는 맞춤형 브랜딩에 대해 이야기하고 있습니다.
특히 교사와 트레이너에게는 무작위화된 질문으로 시간 제한 시험을 만들 수 있는 능력이 게임 체인저가 될 수 있습니다. HR 매니저는 상세한 후보자 평가 도구와 부서별 완료율을 추적할 수 있는 능력을 높이 평가할 것입니다.
OnlineExamMaker에서 AI를 사용하여 다음 퀴즈/시험을 만들어 보세요
OnlineExamMaker로 퀴즈 만들기 및 삽입하기
과정은 놀랍도록 간단합니다. 먼저, OnlineExamMaker 플랫폼 내에서 시험이나 퀴즈를 생성합니다. 인터페이스는 직관적입니다—질문을 추가하고, 채점 규칙을 설정하고, 필요한 경우 시간 제한을 구성하고, 브랜드에 맞게 모양을 맞춤 설정합니다.
퀴즈가 준비되면, OnlineExamMaker는 Google Forms와 유사하지만 더 많은 맞춤 설정 옵션을 가진 삽입 코드를 생성합니다. 사이트 내 퀴즈의 모양을 제어하고 싶으신가요? 가능합니다. 누가 퀴즈를 봤는지와 어떻게 수행했는지 추적해야 하나요? OnlineExamMaker가 도와드립니다.
OnlineExamMaker 퀴즈 삽입 방법에 대한 상세한 가이드는 단계별로 삽입 과정을 안내하는 공식 문서에서 찾을 수 있습니다. 크기 맞춤 설정, 팝업 또는 인라인 표시 선택, 심지어 사이트에 완전히 네이티브하게 느껴지도록 경험을 화이트 라벨링하는 옵션을 찾게 될 것입니다.
언제 Google Forms 대신 OnlineExamMaker를 선택해야 하나요?
Google Forms는 간단한 피드백 양식과 캐주얼한 퀴즈에 완벽합니다. 하지만 인증 시험이나 직원 평가, 또는 보안과 상세한 보고가 중요한 어떤 시나리오에서는 OnlineExamMaker가 빛을 발합니다.
이 차이점을 이렇게 생각해 보세요: Google Forms는 캐주얼한 모임에 좋은 친근한 동네 카페와 같습니다. OnlineExamMaker는 기대할 수 있는 모든 편의 시설을 갖춘 전문 컨퍼런스 센터입니다.
퀴즈 삽입 시 자주 묻는 질문 및 문제 해결 팁
내 퀴즈가 웹사이트에 표시되지 않는 이유는 무엇인가요?
먼저, 웹사이트가 iframe을 허용하는지 확인하세요. 일부 플랫폼이나 보안 설정은 이를 완전히 차단합니다. 그런 경우, 퀴즈가 있어야 할 곳에 그저 빈 공간만 보일 수 있습니다. 또한 코드를 HTML 편집 영역에 붙여넣고 있는지, 코드를 제거할 수 있는 리치 텍스트 편집기에 붙여넣고 있지 않은지 확인하세요.
삽입된 Google Forms 퀴즈의 모양을 맞춤 설정할 수 있나요?
Google Forms는 양식 자체 내에서 제한된 맞춤 설정을 제공합니다—테마 색상을 변경하고 헤더 이미지를 업로드할 수 있습니다. 하지만 삽입된 버전은 항상 Google의 기본 스타일링을 유지할 것입니다. 모양에 대한 더 많은 통제를 원한다면, OnlineExamMaker와 같은 플랫폼이 광범위한 브랜딩 옵션을 제공합니다.
내 삽입된 퀴즈에 참여할 수 있는 사람 수에 제한이 있나요?
Google Forms 자체는 양식당 최대 5백만 개의 응답을 처리할 수 있으며, 이는 대부분의 사람들이 필요로 하는 것보다 훨씬 많습니다. 제한은 퀴즈 자체보다는 웹사이트의 트래픽 용량일 가능성이 더 높습니다.
삽입한 후 퀴즈를 변경하고 싶다면 어떻게 하나요?
좋은 소식입니다—삽입 코드를 업데이트할 필요가 없습니다. 원본 Google Form에 대한 모든 변경 사항은 삽입된 버전에 자동으로 반영됩니다. 양식을 편집하면 삽입된 퀴즈가 즉시 업데이트됩니다.
내 퀴즈가 데스크톱에서는 멋지게 보이지만 모바일에서는 형편없어 보입니다. 도와주세요.
이는 일반적으로 너비와 높이 값 때문입니다. width=”100%”를 사용하여 화면 크기에 맞게 조절되도록 해보세요. 높이의 경우, 더 작은 화면에 맞게 조정하기 위해 CSS에서 미디어 쿼리를 사용하거나, 또는 단순히 여러 장치에서 작동하는 합리적인 고정 높이를 설정해야 할 수 있습니다.