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에서는 부분 제출과 완전 제출이 모두 수집됩니다. 
• 비 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 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
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. 양식의 날짜 필드에서, 데이터 속성 `data-hs-cf-date-format `과 해당 날짜 형식을 포함하도록 양식 필드의 `<input>` HTML을 수정합니다. 이 기능은 날짜 값을 수집하는 텍스트 입력 필드에서만 사용해야 합니다. 
   • 예를 들어, 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 목록을 편집합니다.
   • 이메일 알림 편집 : 양식 제출 알림 수신 주소를 편집합니다.
   • 폴더로 이동: 양식을 폴더로 이동합니다.
   • 액세스 관리 (Content Hub 및 Marketing Hub Enterprise 전용 ): 이 비 HubSpot 양식에 액세스할 수 있는 사용자와 팀을 선택합니다 . HubSpot 자산 분할에 대해 자세히 알아보세요. 
   • HubSpot으로 복사 : 양식을 HubSpot 양식으로 변환합니다.
   • 삭제:양식 목록 페이지에서 양식을 제거합니다. HubSpot 외부의 양식은 HubSpot에서 호스팅되지 않으므로, 이 작업을 수행해도 외부 사이트에 있는 실제 양식은 삭제되지 않습니다.