페이지 전체에 jQuery 포함

jQuery를 사용하는 모듈이나 사용자 정의 스크립트에 필요한 경우 HubSpot 호스팅 페이지 전체에 jQuery를 포함하세요. 많은 최신 테마와 모듈은 더 이상 jQuery에 의존하지 않지만, 이전 에셋이 올바르게 작동하려면 jQuery가 필요할 수 있습니다. 호환성을 관리하고, 버전을 선택하고, 페이지에서 라이브러리가 로드되는 위치를 결정하려면 jQuery 설정을 사용하세요.

시작하기 전에

HubSpot 호스팅 페이지에 jQuery를 포함하기 전에 미리 수행해야 할 단계와 기능의 제한 사항 및 사용 시 발생할 수 있는 결과를 완전히 이해해야 합니다.

제한 사항 및 고려 사항 이해

• 특정 하위 도메인에 적용된 설정은 모든 도메인의 기본 설정을 재정의합니다.
• 이미지 갤러리 모듈과 같은 일부 모듈에는 jQuery가 필요합니다. 모듈에 jQuery가 필요한 경우 jQuery 포함 설정을 해제해도 제거되지 않습니다.
• jQuery가 로드되는 위치(머리글 또는 바닥글)를 변경하려면 해당 스크립트에 종속된 스크립트를 업데이트해야 할 수 있습니다.

jQuery 포함

1. HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 콘텐츠 > 페이지로 이동합니다.
3. 페이지 상단에서 설정을 편집할 도메인 선택 드롭다운 메뉴를 클릭하여 편집할 도메인을 선택합니다.
   • 모든 도메인에 대해 이 설정을 편집하려면 모든 도메인에 대한 기본 설정을 선택합니다.
   • 특정 하위 도메인에 대한 이 설정을 편집하려면 드롭다운 메뉴에서 도메인을 선택합니다.
4. 템플릿 탭의 jQuery 섹션에서 jQuery 포함 확인란을 선택하여 HubSpot 페이지 전체에 jQuery를 로드합니다.

5. jQuery 버전을 변경하려면 jQuery 버전 드롭다운 메뉴를 클릭하고 버전을 선택합니다:
   • 1.7.x: 이전 버전의 jQuery에서 종속성을 사용하여 로직을 이미 빌드한 경우 이 버전을 선택합니다.
   • 1.11.x: 이 버전을 선택하는 경우 jQuery 마이그레이션 스크립트 포함 확인란도 선택하는 것이 좋습니다. 이렇게 하면 템플릿에 스크립트가 추가되어 이전 브라우저와의 호환성이 향상됩니다.
6. 기본적으로 jQuery 라이브러리는 페이지의 헤드 HTML에 로드됩니다. 페이지 바닥글에 jQuery를 포함하려면 바닥글에서 HubSpot에 포함된 jQuery 라이브러리 로드 확인란을 선택합니다.
   • 바닥글에 jQuery를 포함하는 경우 모든 jQuery 종속성도 바닥글로 이동하는 것이 좋습니다.
   • 바닥글에 jQuery를 포함했을 때 페이지가 어떻게 로드되는지 테스트하려면 페이지 URL 끝에
     ?hsMoveJQuerytoFooter=True 를 페이지 URL 끝에 추가합니다.
7. 완료되면 왼쪽 하단의 저장을 클릭합니다.

참고: 페이지 바닥글로 jQuery를 이동하기 전에 웹 개발자와 상담하는 것이 좋습니다. 추가 질문이 있는 경우 커뮤니티에서 HubSpot 디자이너와 소통하세요.