HubSpot이 아닌 양식 사용

요약

비 HubSpot 양식은 HubSpot에서 생성되지 않은 외부 사이트의 HTML 양식입니다. 비 HubSpot 양식 도구를 사용하면 웹사이트에서 제출이 발생하는 즉시 제출 내용을 수집할 수 있습니다. 이 도구는 HTML 코드의 <form>태그를 기반으로 웹사이트의 외부 양식을 식별할 수 있습니다.

이 문서에서는 비 HubSpot 양식 도구 사용에 필요한 요구 사항을 확인하십시오. 그런 다음, 비 HubSpot 양식 설정을 활성화하여 제출 내용 수집을 시작하십시오. 비 HubSpot 양식이 어떻게 매핑되는지, 그리고 날짜 입력 필드를 관리하는 방법을 확인하십시오. 마지막으로, 기존 비 HubSpot 양식을 관리하고 관련 조치를 취할 수 있습니다.

비 HubSpot 양식 도구를 사용하려면 외부 페이지에 HubSpot 추적 코드를 설치하거나 HubSpot WordPress 플러그인을 사용해야 합니다. 추적 코드가 추가되고 도구가 활성화되면, 비 HubSpot 양식으로 전송된 제출 내용이 HubSpot에 수집됩니다. 양식이 제출 내용을 수집하지 못하는 경우, 비 HubSpot 양식의 일반적인 문제에 대해 자세히 알아보세요.

시작하기 전에

HubSpot 외 양식을 사용할 때는 다음 사항을 유의하십시오. 

• 계정당 생성할 수 있는 HubSpot 외 양식은 10,000개뿐입니다. HubSpot 외 양식이 10,000개를 초과하면 HubSpot에서 제출 내용을 거부합니다.
• HubSpot 외 양식 제출 내용은 방문자가 제출 버튼을 클릭할 때마다 수집됩니다. 외부 양식에 유효성 검사 기능이 있는 경우, 이로 인해 여러 건의 부분 제출이 발생할 수 있습니다. 예를 들어, 방문자가 필수 입력란을 채우지 않은 채 양식을 제출하려고 시도하면, 필수 정보를 입력한 후 다시 제출해야 합니다. HubSpot에서는 부분 제출 1건과 완전 제출 1건, 총 2건의 제출 내용이 모두 수집됩니다. 
• 비 HubSpot 양식 도구는 추적 코드에 의존합니다. HubSpot은 추적 코드가 성공적으로 로드된 경우에만 양식 제출 내용을 수집할 수 있습니다. 예를 들어, 페이지에서 JavaScript 충돌이 발생하거나 방문자의 브라우저 보안 확장 프로그램이 스크립트를 차단하는 경우, 양식 제출 내용은 수집되지 않습니다.
• HubSpot 외 양식을 사용할 경우, 동일한 쿠키와 관련된 모든 제출 내역은 동일한 연락처 기록에 추가됩니다. 예를 들어, 방문자가 동일한 기기와 브라우저를 사용하여 특정 양식을 여러 번 제출하는 경우, 각 제출 시마다 다른 이메일 주소를 사용하더라도 모든 제출 내역은 단일 연락처에 귀속됩니다. 

이러한 현상은 외부 요인에 기인하므로 HubSpot에서는 이를 방지할 수 없습니다. 대신, 개발자와 협력하여 HubSpot의 ‘폼에 데이터 제출’ API 또는 기존 폼 연동 기능을 사용하여 HubSpot 외부의 폼을 직접 연결하는 방법을 고려해 볼 수 있습니다.

HubSpot 외부의 양식 제출 내용을 수집하기 위한 요구 사항은 무엇인가요?

HubSpot에서 양식 제출 내용을 수집하려면 양식이 다음 요건을 충족해야 합니다:

• 양식은 정적 HTML 양식이어야 합니다.
• 양식은 HTML <form> 태그로 감싸져 있어야 합니다.
• 양식에는 이메일 입력 필드가 있어야 합니다. 이 이메일 필드는 <input type="email">과 같은 이메일 유형의 입력 필드여야 합니다.
• 양식 제출을 위해 표준 <input type="submit"> 버튼을 사용해야 합니다.
• 양식은 <iframe> 내에 포함되어서는 안 됩니다.
• 양식 제출 이벤트나 제출 버튼 클릭 이벤트에 자바스크립트가 연결되어서는 안 됩니다. 
• 양식은 페이지 로딩이 완료된 후에 추가되어서는 안 됩니다. 초기 페이지 로딩 시점에 이미 존재하던 양식을 통해 제출된 내용만 수집됩니다.
• 양식은 단일 페이지 애플리케이션(SPA)에 포함되어서는 안 됩니다. 대부분의 단일 페이지 애플리케이션에서는 다른 페이지로 이동할 때 HTML이 로드되지 않습니다. 그 결과, HubSpot은 이러한 양식 제출 내용을 캡처할 수 없습니다. 
• 양식에는 신용카드 번호와 같은 민감한 필드가 포함되어서는 안 됩니다.
• 양식에는 숨겨진 필드가 포함되어서는 안 됩니다. 이 도구는 숨겨진 필드의 정보를 수집하지 않습니다.

HubSpot 외 양식 활성화 또는 비활성화 방법

HubSpot 외 양식 도구를 사용할 경우, 양식 제출 데이터는 localStorage에 저장된 후 HubSpot으로 다시 전송되어 새로운 연락처를 생성하거나 동일한 이메일 주소를 가진 기존 연락처 레코드를 업데이트합니다.

참고: HubSpot 외 양식에서 제출 버튼을 클릭할때마다 HubSpot에서 양식 제출이 트리거됩니다. 여기에는 사용자가 필수 필드를 모두 작성하지 않은 상태에서 제출 버튼을 클릭한 경우도 포함되며, HubSpot은 이 동작을 양식 제출로 기록합니다.

페이지에서 HubSpot 외 양식을 통한 정보 수집을 활성화하거나 비활성화하려면:

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 마케팅 > 양식으로 이동합니다.
3. 'HubSpot 외 양식 ' 탭을 클릭합니다.
4. '웹사이트 양식에서 데이터 수집' 토글 스위치를 클릭하여 HubSpot 외 양식을 활성화하거나 비활성화합니다.
5. HubSpot 외 양식 제출 시 이메일 알림을 보내려면, [수집된 양식 제출 건에 대한 이메일 알림 보내기] 필드에 기존 HubSpot 사용자의 이메일 주소를 입력하세요. 
6. 마케팅 연락처에 대한 액세스 권한이 있는 경우, 'HubSpot 외 양식을 통해 생성된 새 연락처를 마케팅 연락처로 설정' 토글을 클릭하여 생성된 연락처의 기본 마케팅 상태를마케팅/비마케팅으로 설정하십시오.
   
   

HubSpot 외

양식 필드와

HubSpot 속성을 매핑하는 방법

HubSpot 외 양식 필드로 제출된 모든 데이터는 HubSpot의 단일 줄 텍스트 필드 유형 속성과만 매칭됩니다. HubSpot 외 양식 필드는 다른 필드 유형과 매칭될 수 없습니다.

해당하는 단일 줄 텍스트 필드 유형 속성을 감지할 수 없는 경우, 제출된 데이터는 연락처 레코드에 저장되지 않습니다. 해당 양식 필드에 제출된 세부 정보는 양식 제출 데이터에서 계속 확인할 수 있습니다.

HubSpot 기본 속성과 일치하도록 양식 필드나 레이블을 생성하거나, 양식 필드의 이름 또는 레이블과 일치하는 사용자 지정 연락처 속성을 생성할 수 있습니다. 그러나 HubSpot 외 양식 필드는 수동으로 매핑할 수 없습니다. HubSpot은 다음 순서의 논리를 사용하여 양식 필드를 HubSpot의 기존 연락처 속성에 자동으로 매핑하려고 시도합니다:

1. 필드 이름과 연락처 속성의 내부 이름
2. 필드 레이블과 연락처 속성 이름
3. 필드 레이블과 연락처 속성 내부 이름
4. 필드 이름과 연락처 속성 이름
   
   

참고: 속성 내부 이름은 알파벳으로만 구성될 수 있으므로, 일본어나 중국어와 같이 알파벳이 아닌 언어를 사용하는 경우 연락처 속성 내부 이름 매핑이 작동하지 않습니다. 이러한 필드는 연락처 속성 이름과만 매핑됩니다. 

HubSpot

외부의 양식

텍스트 필드에서 날짜 입력을 관리하는 방법

외부 양식에서 텍스트 필드를 사용하여 날짜를 수집하는 경우, 데이터 속성을 사용하여 제출된 날짜 값을 해석할 수 있습니다. 양식 제출 데이터를 수집할 때, 데이터는 ISO 표준인 YYYY-MM-DD 형식으로 표준화됩니다.

예를 들어, 데이터 속성을 사용하여 제출된 값이 DD/MM/YYYY 형식이나 기타 지정된 날짜 형식임을 식별할 수 있습니다. 양식 제출 내용이 수집되어 12/03/2013 값이 HubSpot으로 전송되면, 이 값은 ISO 표준 형식인 2013-03-12 변환되어 HubSpot의 해당 속성에 매핑됩니다.

참고: 데이터 속성을 사용하려면 HTML에 대한 기본 지식이 필요하며, HubSpot 외부의 양식 HTML에 접근할 수 있어야 합니다.

추가하려면

1. HubSpot 외부의 양식에서 해당 양식의 HTML에 접근합니다.
2. 양식의 날짜 입력란에서, 해당 입력란의 <input> HTML 코드를 수정하여 데이터 속성 data-hs-cf-date-format 해당 날짜 형식을 포함하도록 합니다. 이 기능은 날짜 값을 수집하는 텍스트 입력란에서만 사용해야 합니다. 
   • 예를 들어, MM-DD-YYYY 형식의 날짜 속성을 수집하는 경우, 입력 필드는 다음과 같은 형식을 따릅니다:<input type="text" data-hs-cf-date-format="MM-DD-YYYY"/>
   • 데이터 속성을 설정할 때 다음과 같은 지원되는 날짜 형식을 사용할 수 있습니다:

HubSpot 외 양식을 관리하고 조치를 취하는 방법

1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 양식으로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 양식으로 이동하세요.
2. 왼쪽 상단의 양식 유형 드롭다운 메뉴를 클릭하고'HubSpot 외'를 선택합니다.

3. HubSpot 외 양식 위에 마우스를 올린 후 '작업' 드롭다운 메뉴를 클릭하여 다음을 수행합니다:

   • 이름 변경: 양식의 이름을 변경합니다.
   • 정보 보기 : 이 양식에 대한 제출이 수집된 가장 최근 페이지의 URL과 첫 번째 제출 날짜를 확인합니다. ‘고급 정보’를클릭하면 이 양식에 대한 선택기가 표시됩니다 .
   • 제출 내용 보기: 양식의 상세 페이지와 양식 제출 내역 개요를 확인합니다.
   • 제출 내용 내보내기: 양식의 모든 제출 내용을CSV, XLS 또는 XLSX 파일로 내보냅니다.
   • MailChimp 목록 편집 : 제출 내용을 전송할 MailChimp 목록을 편집합니다.
   • 이메일 알림 편집 : 양식 제출 알림 수신 주소를 편집합니다.
   • 폴더로 이동: 양식을 폴더로 이동합니다.
   • 액세스 관리 (콘텐츠 허브 및 마케팅 허브 엔터프라이즈 전용 ): 이 비 HubSpot 양식에 액세스할 수 있는 사용자와 팀을 선택합니다 . HubSpot 자산 분할에 대해 자세히 알아보세요. 
   • HubSpot으로 복사 : 양식을 HubSpot 양식으로 변환합니다.
   • 삭제:양식 목록 페이지에서 양식을 제거합니다. HubSpot 외부의 양식은 HubSpot에서 호스팅되지 않으므로, 이 작업을 수행해도 외부 사이트에 있는 실제 양식은 삭제되지 않습니다.