Home IT/WEB 동적으로 구글설문지 입력필드에 자동 채워지게 하는 방법

동적으로 구글설문지 입력필드에 자동 채워지게 하는 방법

홈페이지를 운영하실 경우 사이트의 오류신고나 사이트가 어떻게 운영되면 좋겠다는 사용자의 의견을 들을 때 구글설문지를 이용하여 설문을 받을 수 있습니다. 사용자의 UserAgent 를 파악하여 어떤 기기에서 사이트를 접속했고 어떤 브라우저를 이용했는데 어떤 오류가 있었는지에 대한 사용자 정보나 GA 에 Client ID 정보, 설문지를 누르기 전의 referrer URL 등을 구글 설문지로 입력 받아온다면 사이트 오류등을 파악하기가 쉬워집니다.

inline ad

URL 파라메터를 사용하여 동적으로 구글 설문지 입력필드에 자동으로 채워지는 방법에 대해서 알려드리겠습니다.

구글설문지 작성

우선 간단하게 구글설문지를 작성합니다. 이름, 이메일, 자동으로 입력받을 필드는 Referrer URL 과 UserAgent 를 단답형 텍스트로 생성했습니다.

구글 설문지 주소는 아래와 같습니다.

구글설문지 만들기

URL 파라메터를 이용한 URL 생성

아래의 input field를 개발자 도구 inspect로 선택해보면 아래와 같은 html code 를 확인하실 수 있습니다.

구글설문지 input filed 속성 확인하기
구글설문지 input filed 속성 확인하기
<input type="text" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf"
       autocomplete="off" tabindex="0" aria-label="Referrer URL" 
       aria-describedby="i.desc.1561032223 i.err.1561032223" 
       name="entry.1957666217" value="" dir="auto" data-initial-dir="auto" data-initial-value="">

여기에서 확인해야 할 것은 input name 속성값입니다. Referrer URL name 값은 entry.1957666217 이고 UserAgent name 값은 entry.1127047142 입니다.
아래 구글설문지주소와 URL 파라메터를 사용하여 이 주소로 들어가게 되면 동적으로 구글설문지 입력필드에 자동으로 채워지는 것을 확인하실 수 있습니다.

구글설문지 결과
구글설문지 결과

참고문서 : https://trevorfox.com/2015/06/dynamically-pre-fill-google-forms-with-mailchimp-merge-tags/

RECENT POSTS

[vscode]이 시스템에서 스크립트를 실행할 수 없으므로 nest.ps1 파일을 로드할 수 없습니다.

nest : 이 시스템에서 스크립트를 실행할 수 없으므로 C:UsersmarkettradersAppDataRoamingnpmnest.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오.위치 줄:1 문자:1 이 오류는 PowerShell 실행 정책 관련...

[nest.js]nest.js, node.js, 프로젝트 생성 방법

Node.js 설치 Node.js의 공식 웹사이트(nodejs.org)에서 Windows용 인스톨러를 다운로드합니다. 다운로드한 인스톨러를 실행하여 설치합니다. Node Version Manager(NVM)을 사용하는 경우 nvm install node # 최신 버전 설치 nvm install 14 #...

[광주]위파크 더 센트럴 분양주택 분양안내

기본정보 공급위치: 광주광역시 서구 풍암동 10-12번지 일원 공급번호: 2023000351 공급규모: 625세대 분양/입주: 분양 2023-08-04 / 입주 2026-08 건설사: (주)호반건설 (주)라인건설 분양문의: 1670-5676 분양정보: 분양정보 자세히보기 홈페이지 주소: http://www.wepark-central.co.kr/ 모집공고문 보기 청약일정 모집공고일: 2023-08-04 청약접수: 2023-08-14...

[강원]힐스테이트 속초 분양주택 분양안내

기본정보 공급위치: 강원특별자치도 속초시 금호동 622-40 일원 공급번호: 2023000337 공급규모: 925세대 분양/입주: 분양 2023-07-21 / 입주 2026-05 건설사: 현대엔지니어링(주) 분양문의: 033-947-0925 분양정보: 분양정보 자세히보기 홈페이지 주소: http://www.hillstate-sokcho.co.kr 모집공고문 보기 청약일정 모집공고일: 2023-07-21 청약접수: 2023-07-31 ~...