내 웹사이트에 Google 설문지 삽입하기

삽입된 폼은 내 페이지 안의 프레임에 표시되는 라이브 폼입니다. 방문자는 내 사이트를 떠나지 않고 응답합니다.

삽입 허용하기

삽입은 기본적으로 꺼져 있어서 다른 웹사이트는 내 폼을 보여 줄 수 없습니다.

1. 사이드바의 양식 탭에서 라이브 폼 설정 행의 연필 아이콘을 클릭합니다
2. 테마 탭에서 라이브 폼 스타일 적용이 꺼져 있으면 켭니다
3. 삽입 허용을 켭니다

스위치 아래에 삽입 코드 상자가 나타납니다.

삽입 코드 복사하기

복사를 클릭하세요. 코드는 한 줄입니다.

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

내 대화상자에 표시되는 코드를 사용하세요. 거기에 내 폼의 ID가 들어 있습니다. 스크립트는 코드를 붙여 넣은 바로 그 자리에 폼의 프레임을 만들고 프레임을 폼의 높이에 맞춰 주므로 페이지에 두 번째 스크롤바가 생기지 않습니다. 응답자가 페이지를 넘기거나 오류 메시지를 보거나 완료 화면에 도착하면 프레임이 늘어나거나 줄어듭니다. 제출한 뒤에는 폼의 맨 위가 다시 보이도록 스크롤합니다.

한 페이지에 폼을 여러 개 삽입하려면 폼마다 한 줄씩 붙여 넣으세요.

페이지에 붙여 넣기

웹사이트가 HTML을 받는 곳이면 어디든 코드를 붙여 넣으세요.

• WordPress. 사용자 정의 HTML 블록을 추가합니다.
• Wix, Squarespace, Webflow. 삽입 또는 코드 요소를 추가하고 그 안에 코드를 붙여 넣습니다.
• 직접 작성한 HTML. 폼이 나타나길 원하는 위치에 붙여 넣습니다.

사이트에서 스크립트를 쓸 수 없다면

일부 웹사이트 빌더는 <script> 태그를 제거합니다. 삽입 코드 아래의 스크립트를 쓸 수 없나요? 일반 iframe 사용를 클릭하고 대신 그 코드를 복사하세요.

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

일반 iframe의 높이는 고정되어 있습니다. 페이지에 두 번째 스크롤바가 생기지 않도록 height="900"을 폼에 맞는 픽셀 값으로 바꾸세요. 페이지가 여러 개인 폼은 가장 긴 페이지의 높이가 필요합니다.

자연스럽게 어우러지게 하기

• 삽입 허용 아래의 내 웹사이트에 어울리게를 켜세요. 폼 뒤의 페이지 색상이 없어져 카드가 내 페이지의 배경 위에 놓입니다. 스타일의 카드, 테두리, 그림자는 그대로이고 라이브 링크는 페이지를 그대로 유지합니다.
• 저장하기 전에 내 사이트에서 미리보기로 삽입된 폼이 단순한 페이지에서 어떻게 보이는지 확인하세요.
• 표시에서 Powered by를 끌 수 있습니다. 삽입된 폼에서만 숨길 수 있습니다.
• 삽입된 폼은 페이지 여백과 폼 주위의 컨트롤 행을 없앱니다.

삽입 중단하기

삽입 허용을 끄면 다른 웹사이트는 더 이상 폼을 보여 줄 수 없습니다. 라이브 폼 스타일 적용을 꺼도 마찬가지입니다.