외부에 임베드된 HubSpot 양식 문제 해결

외부 페이지에 임 베드한 HubSpot 양식이 작동하지 않거나 올바르게 표시되지 않는 경우 가장 일반적인 양식 임베드 문제와 문제 해결 방법에 대해 알아보세요.

양식 임베드 코드를 확인합니다

• HubSpot 계정에서 마케팅 > 양식으로 이동합니다.
• 양식 위로 마우스를 가져가 편집을 클릭합니다 .
• 업데이트된 양식 편집기를 사용하는 경우:
  • 양식 편집기의 오른쪽 상단에서 공유를 클릭합니다.
  • 팝업 창에서 임베드 코드 가져오기를 선택합니다.
  • 복사를 클릭합니다.

• 레거시 양식 편집기를 사용하는 경우:
  • 양식 편집기의 오른쪽 상단에서 임베드를 클릭합니다.
  • 대화 상자에서 복사를 클릭합니다 .
    

• 브라우저에서 텍스트 비교 도구인 Diff Checker로 이동합니다.
• 원본 텍스트 섹션에 양식 임베드 코드를 붙여넣습니다.

• 양식이 임베드된 웹사이트 페이지로 이동합니다. 그런 다음 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 페이지 소스 보기를 선택합니다.
• 페이지 소스에서 양식 임베드 코드를 찾아 복사합니다.
• Diff 검사기로 다시 이동합니다.
• 변경된 텍스트 섹션에 외부 임베드된 코드를 붙여넣습니다.
• 차이점 찾기를 클릭하여 누락되거나 손상된 코드를 찾습니다. 임베드 코드가 동일하면 두 파일이 동일하다는 메시지가 표시됩니다. 그렇지 않으면 차이점이 빨간색과 녹색으로 강조 표시됩니다.

외부에 임베드된 코드가 HubSpot 코드와 일치하지 않는 경우 외부 페이지에 올바른 코드를 다시 임베드하세요 .

외부에 임베드된 코드가 HubSpot 코드와 일치하는 경우 외부 페이지의 HTML 또는 JavaScript가 양식의 임베드 코드를 방해하고 있을 수 있습니다. 개발자와 협력하여 문제를 해결해야 합니다.

사이트 도메인 추가

양식이 임베드된 외부 페이지의 도메인을 HubSpot에 추가 사이트 도메인으로 추가합니다. 추가되지 않은 페이지에서 제출된 양식은 스팸으로 표시됩니다.

호스트별 임베드 문제

워드프레스, 스퀘어스페이스 또는 윅스를 사용하는 경우 아래의 각 웹사이트 호스트에서 다음 문제에 대한 문제 해결을 계속할 수 있습니다.

워드프레스

양식이 워드프레스 페이지에 임베드된 경우 다음과 같은 문제가 발생할 수 있습니다:

• 워드프레스는 임베드된 양식 코드의 '&'를 '&'로 변환하여 코드의 기능을 손상시킬 수 있습니다.
• XHTML 워드프레스 테마는 자바스크립트 주위에 <![CDATA[ ]]> 태그를 추가하는데, 이는 양식 렌더링에는 영향을 미치지 않지만 양식 임베드 코드를 확인할 때 주의해야 할 사항입니다.

워드프레스에서 임베드 코드를 변경하는 경우 스크립트 태그를 보존하기 위해 HTML 스니펫 삽입과 같은 타사 플러그인을 사용하여 페이지에 양식을 추가하거나 단축 코드로 게시하는 것이 좋습니다.

스퀘어스페이스

일부 Squarespace 템플릿은 초기 페이지 로드 시에만 스크립트를 렌더링하고 다른 페이지에서는 렌더링하지 않습니다. 이로 인해 방문자가 웹사이트를 탐색할 때 양식 스크립트가 로드되지 않아 일부 페이지에서 HubSpot 양식이 올바르게 작동하지 않을 수 있습니다.

이 문제를 방지하려면 Squarespace에서 Ajax 로딩을 비활성화해 보세요. 그래도 문제가 해결되지 않으면 다른 Squarespace 템플릿을 사용해 볼 수도 있습니다.

브라우저별 문제

Ghostery와 같은 리소스 차단 브라우저 확장 프로그램을 사용하는 경우 HubSpot 양식이 로드 및 표시되지 않도록 차단될 수 있습니다. HubSpot 양식이 차단되면 어떤 일이 발생하는지 자세히 알아보세요.