(TRICK) 구글 폼(Google Form) 제출 확인 방법

구글폼은 설문조사, 이벤트 응모, 협업 프로젝트등 다양한 목적으로 사용되고 있습니다. 하지만 개발자는 사용자의 구글폼이 제출되었는지를 확인 해야하는 경우가 있는데 이를 위해 구글 폼의 App Script를 이용하거나 또는 구글 API를 이용하기에는 개발 규모가 커져버리는 문제점이 발생 합니다. 이에 이 포스트에서는 구글 폼이 제출된것을 확인하기 위한 간단한 트릭을 소개하도록 하겠습니다.

STEP 1. 구글폼 주소 확인

구글폼에 접속 후 우측 상단의 보내기 버튼을 클릭하면 설문지 보내기 모달이 생성됩니다. 여기에서 HTML코드 탭으로 이동 삽입된 HTML의 주소를 복사합니다.

STEP 2. 소스코드

<iframe frameborder="0" height="1104" id="gform" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/e/1FAIpQLSeIUGKwymz8zERXiPjwCPiSIMWoOtqbkRrvN5RCTOmlibKJfw/viewform?embedded=true" width="640"></iframe>

let loadCount = 0;
document.getElementById('gform').onload = function() {
    loadCount++;
    if(loadCount > 1) {
        window.location.href = "https://www.naver.com";
    }
}

위 코드는 Google Form의 URL을 IFRAME에 삽입 한 후 자바스크립트(JavaScript)를 이용하여 IFRAME의 로딩된 횟수를 체크 합니다. 처음 구글 폼이 로딩되면 loadCount는 1이 되며 사용자가 구글폼을 제출하면 loadCount가 2가 되면서 지정된 URL, 여기에서는 네이버로 페이지를 이동하는 형태입니다.

마무리

간단한 트릭으로 이 방법으로 구글 API 또는 구글에서 제공하는 App Script등을 이용하지 않아도 사용자의 구글 폼 제출이후 원하는 액션을 취할 수 있습니다. 물론 사용자가 IFRAME안에서 리로드와 같은 방법으로 이 트릭을 무효화 할 수 있지만 이러한 행동이 크리티컬하지 않은 케이스에 개발에 들어가는 리소스를 획기적으로 줄일 수 있습니다.