웹사이트에 Google 설문지를 삽입하는 방법

사이트에서 양식을 얻는 데 어려움을 겪고 있다면 기본 기능을 위한 플러그인을 설치할(install a plugin) 수 있지만 이미 많은 플러그인이 있는 경우 사이트 속도 가 더 느려질 수 있습니다.(slow down your site)

Google 설문지(Google Forms) 를 사용하면 사이트에 양식을 더 빠르게 추가할 수 있을 뿐만 아니라 더 많은 기능을 사용할 수 있습니다. 예를 들어, 미디어 파일을 삽입하고, 질문을 가져오고, WordPress 및 이메일과 쉽게 통합하고, 더 많은 플랫폼에서 공유하고, Google 드라이브에서 추가 저장용량을(additional storage in Google Drive) 즐길 수 있습니다 .

또한 Google Forms 를 사용하면 팀원과 공동 작업을 수행하고 사이트뿐만 아니라 다양한 채널에서 양식의 모든 결과를 추적할 수 있습니다.

다음 은 몇 가지 간단한 단계로 웹사이트에 Google 설문지 를 빠르게 삽입하는 방법입니다.(Google Forms)

웹사이트에 Google 설문지를 삽입하는 방법(How to Embed Google Forms on Your Website)

시작하려면 사이트에서 양식을 표시할 페이지나 게시물에 추가할 Google 양식 과 해당 소스 코드가 필요합니다.(Google Form)

Google 양식 만들기(Create a Google Form)

  1. Google 설문지(Google Form) 를 만들려면 Google 계정 에 로그인했는지 확인한 다음 Google Apps 메뉴 에서 Google 설문지(Google Forms) 아이콘 을 선택하세요. 또는 forms.google.com 으로 이동합니다 .

  1. 도구 모음에서 빈(Blank) 타일을 선택하여 처음부터 양식을 만들거나 사용 가능한 옵션에서 템플릿을 선택합니다 .(select a template)

  1. 양식에 제목과 설명(title and description) 을 추가합니다 .

  1. 그런 다음 오른쪽에 있는 도구 모음을 사용하여 질문을 추가하거나, 다른 양식에서 질문을 가져오거나, 비디오 및 이미지를 업로드하거나, 섹션을 추가하십시오. 

  1. 답변 유형을 선택하려면 답변 유형 섹션 옆에 있는 화살표를 선택합니다.

  1. 옵션에서 사용자가 단답형이나 단락을 남기거나, 객관식을 남기거나, 확인란을 선택하거나, 드롭다운 메뉴에서 선택 항목을 선택하도록 선택할 수 있습니다.

  1. 양식의 테마를 사용자 정의하거나 변경하려면 화면 오른쪽 상단에 있는 팔레트 아이콘을 사용하십시오.(palette)

  1. 웹사이트에 저장하고 포함하기 전에 눈 아이콘을 사용하여 최종 디자인을 미리 볼 수도 있습니다.

  1. 이메일 주소를 수집하거나, 사용자를 각각 하나의 응답으로 제한하거나, 양식을 제출한 후 응답을 편집할 수 있도록 하려면 고급 설정(Advanced Settings) (톱니바퀴 아이콘)을 선택합니다.

  1. 공동작업자 추가, 작업 실행취소, 환경설정 추가 또는 Google Workspace Marketplace(Google Workspace Marketplace) 의 부가기능과 같은 추가 옵션을 보려면 점 3개 아이콘(three-dot icon) 을 선택하세요 .

참고(Note) : 공동 작업자 추가(Add Collaborators) 를 선택하면 특히 팀 구성원을 초대(invite members of your team to work) 하여 양식에서 작업하도록 할 수 있습니다. 링크 공유 옵션을 사용하여 초대를 보내거나 이메일 주소를 입력하면 초대와 함께 이메일 알림을 받게 됩니다.

웹사이트에 Google 양식 포함(Embed Your Google Form on Your Website)

이제 Google 양식(Google Form) 이 준비되었으므로 다음 단계는 웹사이트에 추가하는 것입니다. 이렇게 하려면 양식을 표시하려는 페이지나 게시물에 추가할 고유한 코드 조각인 양식의 내장 코드를 가져와야 합니다.

  1. 양식의 내장 코드를 가져오려면 양식 편집기 창의 오른쪽 상단 에서 보내기 를 선택합니다.(Send)

  1. 보내기 양식(Send form) 에는 링크, 이메일, 소셜 미디어, HTML 등을 통해 양식을 공유하는 데 사용할 수 있는 다양한 옵션이 있습니다 . 양식을 Facebook 또는 Twitter 에서 공유할지 여부를 선택 하거나 구독자의 이메일 목록으로 보낼 수 있습니다.

  1. 웹사이트에 양식을 포함하려면 HTML 옵션을 사용해야 합니다. <> 탭 을 선택합니다 .

  1. Embed HTML 필드 에는 코드 조각 과 포함된 양식의 크기 치수를 변경할 수 있는 너비(width)높이 상자가 표시됩니다.(height)

  1. 복사(Copy) 를 선택 하여 내장 코드를 복사하고 웹사이트의 대시보드로 이동합니다.

웹사이트에 Google 양식의 포함 코드 추가(Add Your Google Form’s Embed Code to Your Website)

포함 코드가 있으므로 사이트의 관리 대시보드에 로그인하고 양식을 포함할 페이지 또는 게시물로 이동합니다.

참고(Note) : 이 가이드의 지침 은 Gutenberg/Block Editor 를 사용하는 WordPress 에 적용됩니다 .

  1. 첫 번째 단계는 사용자 정의 HTML 블록(custom HTML block) 을 추가하는 것 입니다. 이렇게 하려면 관리자 패널에서 페이지(Pages) 또는 게시물 을 선택하여 블록 편집기를 열고 편집할 페이지 또는 게시물을 찾습니다.(Posts)

  1. WordPress 로고 옆에 있는 블록 편집기의 왼쪽 상단에서 Add block (+) 아이콘을 선택 합니다 .z

  1. 서식(Formatting) 섹션으로 이동 하고 아래로 스크롤하여 맞춤 HTML(Custom HTML) 을 찾아 선택 합니다 .

  1. 이전에 복사한 HTML 코드 조각(HTML code snippet) 을 제공된 필드에 붙여넣습니다 .

  1. 사용자 정의 HTML(Custom HTML) 블록의 도구 모음에서 미리보기 탭을 선택 하여 (Preview) 사이트에 양식이 어떻게 표시되는지 미리 봅니다.

  1. Google 양식(Google Form) 이 페이지 또는 게시물에 표시됩니다.

  1. 변경 사항 을(Make) 저장하려면 편집 후 게시물이나 페이지를 업데이트해야 합니다.

귀하의 사이트에 완벽한 양식을 만드십시오(Craft the Perfect Form for Your Site)

사이트에 설문조사를 추가하거나, 온라인 상점에 주문 양식을 추가하거나, 이벤트 등록 또는 문의 양식을 추가하려는 경우 Google Forms 를 사용하면 웹사이트에 완벽한 양식을 만들 수 있습니다. 

웹사이트에 Google 캘린더를 삽입하는( how to embed Google Calendar on your website) 방법 과 추가된 기능과 더 나은 사용자 경험을 위해 WordPress에서 나만의 쿠폰 팝업을 만드는 방법( how to create your own coupon popup in WordPress) 에 대한 가이드를 확인하세요 .

(Were)이 가이드를 사용하여 웹사이트에 Google 설문지(Google Forms) 를 만들고 포함할 수 있었습니까 ? 의견에서 우리와 공유하십시오.



About the author

저는 10년 이상의 경험을 가진 웹 개발자이자 오디오 엔지니어입니다. 저는 Chrome/Web Audio 앱과 Discord 애플리케이션 개발을 전문으로 합니다. 두 분야의 기술을 통해 사용하고 유지 관리하기 쉬운 고품질 제품을 만들 수 있습니다. 또한 저는 Discord의 숙련된 사용자이며 현재 2년 이상 앱 작업을 하고 있습니다.



Related posts