HubSpot에 JavaScript 파일 추가

디자인 관리자에서 JavaScript 파일을 호스팅하고 편집할 수 있습니다. JavaScript 파일을 만들고 템플릿 또는 도메인에 연결하는 방법을 알아보세요.

JavaScript 파일 만들기

• HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
• 왼쪽 사이드바 메뉴에서 파일 > 새 파일을 클릭합니다. folder 폴더 아이콘을 클릭하여 메뉴를 확장해야 할 수도 있습니다.
• 대화 상자에서 오늘 무엇을 빌드하시겠습니까? 드롭다운 메뉴를 클릭하고 JavaScript를 선택합니다.

• 다음을 클릭합니다.
• 파일 이름 필드에 JavaScript 파일의 이름을 입력합니다.
• 파일 위치를 업데이트하려면 파일 위치 섹션에서 변경을 클릭하고 파일을 추가할 폴더를 선택합니다.

• 만들기를 클릭합니다.
• 코드 편집기에 JavaScript를 입력하거나 붙여넣습니다.
• ESLint를 활성화한 경우 출력 표시 스위치를 클릭하여 켜면 JavaScript 경고 또는 오류를 볼 수 있습니다.
  
  
  
• 오른쪽 상단에서 변경 사항 게시를 클릭하여변경 사항을 실시간으로 적용합니다.

템플릿에 JavaScript 파일 첨부하기

• 왼쪽의 파인더에서 업데이트하려는 템플릿을 클릭합니다.
• 오른쪽의 인스펙터에서 편집 탭을 클릭합니다.
• 연결된 JavaScript 파일 섹션에서 추가 드롭다운 메뉴를 클릭하고 JavaScript 파일을 선택합니다.
• 오른쪽 상단에서 변경사항 게시를 클릭하여 변경사항을 실시간으로 적용합니다.

HubSpot 페이지에 JavaScript 파일 포함하기

HubSpot 호스팅 도메인의 모든 페이지에 JavaScript 파일을 포함하거나 공개 URL을 사용하여 개별 페이지에 포함할 수 있습니다.

파일의 공개 URL에 액세스하려면 다음과 같이 하세요:

• 왼쪽 사이드바 메뉴에서 JavaScript 파일을 선택합니다.
• 작업 > 공개 URL 복사를 클릭합니다.

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 콘텐츠 > 페이지로 이동합니다.
• 설정을 편집할 도메인 선택 드롭다운 메뉴를 클릭하고 JavaScript 파일을 추가할 도메인을 선택합니다. 연결된 모든 도메인에 자바스크립트 파일을 적용하려면 모든 도메인에 기본 설정을 선택할 수 있습니다.
  
• 사이트 바닥글 HTML 섹션에서 공개 URL을 스크립트 태그의 소스 값으로 붙여넣습니다:

<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->

• 저장을 클릭합니다.

또는 개별 페이지에 파일을 추가합니다:

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지로 이동합니다: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
• 편집하려는 페이지 위로 마우스를 가져간 다음 편집을 클릭합니다.
• 페이지 편집기에서 설정 메뉴를 클릭하고 고급을 선택합니다. .
• 대화 상자의 바닥글 HTML 섹션에 공개 URL을 스크립트 태그의 소스 값으로 붙여넣습니다:

<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->

• 오른쪽 상단에서 게시 또는 업데이트를 클릭합니다.