웹사이트에 웹사이트 채점자 위젯 추가하기
마지막 업데이트 날짜: 2025년 11월 5일
웹사이트 그레이더 위젯은 HubSpot 솔루션 파트너 및 공급업체가 HubSpot 호스팅 또는 외부 웹사이트에 추가할 수 있는 HubSpot 웹사이트 그레이더의 임베드 가능한 버전입니다. 이 위젯은 웹페이지에 추가할 수 있는 양식과 모듈로 구성됩니다.
통합 요구 사항
HubSpot에서 다음 권한이 있어야 합니다:
- 웹사이트 도구 (HubDB 제외)에 대한게시, 편집 및 보기 권한.
- 앱 마켓플레이스 접근, 글로벌 콘텐츠 설정 및 웹사이트 설정 권한.
계정에 웹사이트 평가기 위젯 추가하기
- https://widget.grader.com/로 이동합니다 .
- 포털에 추가를 클릭합니다.
- 위젯을 추가할 계정을 선택한 후 계정 선택을 클릭하세요.
- 웹사이트 평가기 위젯이 HubSpot 계정에 접근할 수 있도록 권한을 부여하라는 메시지가 표시됩니다. 앱 연결을 클릭하세요.
- 웹사이트 평가기 위젯은 HubSpot 호스팅 페이지 또는 외부 웹사이트에 추가할 수 있습니다. '웹사이트 평가기 위젯을 어디에 삽입하시겠습니까? ' 화면에서 옵션을 선택하세요. 그런 다음 안내에 따라 계정에서 위젯 설정을 완료하세요.
HubSpot 호스팅 페이지에 위젯 삽입
HubSpot 호스팅 웹사이트에 위젯을 삽입하는 경우:
- HubSpot 호스팅 페이지 확인란을 선택하세요.
- '다음'을 클릭하세요.
- 양식에 개인정보 처리방침 문구를 추가하세요.
- 회사명 필드에 회사명을 입력하세요.
- 개인정보 처리방침 URL 필드에 회사의 개인정보 처리방침 링크를 입력하세요.
- '다음'을 클릭하세요.
- 웹사이트 평가기 위젯을 계정에 자동으로 추가하려면 '모듈 설치'를 클릭하세요.
- 계정에서 모듈을 보려면 포털 열기를 클릭하세요. 모듈 이름은 HubSpot 웹사이트 평가기 위젯으로 표시됩니다.
모듈이 계정에 추가되면 모듈 필드를 편집하고 양식 필드의 스타일을 지정할 수 있습니다. 그런 다음 페이지 템플릿에 추가하거나 드래그 앤 드롭 페이지 편집기를 사용하여 페이지에 추가할 수 있습니다.
외부 페이지에 위젯 삽입하기
외부 페이지에 웹사이트 평가기 위젯을 삽입하는 경우:
- '외부 웹사이트' 확인란을 선택합니다.
- 다음 버튼을 클릭하세요.
- "Website Grader 위젯 양식"이라는 양식이 계정에 자동 생성됩니다. 양식 필드를 편집하려면 이 양식 편집을 클릭하세요. 사용자 지정 양식도 생성할 수 있습니다.
- '다음'을 클릭하세요.
- 양식에 개인정보 처리방침 문구를 추가하세요.
-
- 회사명 필드에 회사명을 입력하세요.
- 개인정보 처리방침 URL 필드에 귀사의 개인정보 처리방침 링크를 입력하세요.
- 다음 버튼을 클릭하세요.
- 사용자 지정 섹션에서 스타일 옵션을 사용하여 페이지에 표시되는 로고와 텍스트를 편집하세요. 변경 사항을 확인하려면 미리 보기를 클릭하세요.
- 다음 버튼을 클릭하세요.
- 웹사이트에 위젯 추가 섹션에서 복사를 클릭한 후, 웹사이트의 닫는 body 태그 앞에 코드를 추가하세요.
위젯이 웹사이트 페이지에 추가된 후 방문자는 이메일 주소를 입력하고 웹사이트 URL을 스캔하면 해당 웹사이트의 성능을 기반으로 한 종합 점수를 받을 수 있습니다. 또한 HubSpot 계정에 'Website Grader 결과 이메일'이라는 제목의 마케팅 이메일이 추가됩니다. 웹사이트에서 Website Grader를 작성한 연락처에게 이 이메일을 보낼 수 있습니다.
웹사이트 점수에 따른 연락처 세분화
Website Grader 위젯을 계정에 추가하면 다음과 같은 연락처 속성이 생성됩니다:
- 채점 결과: 성능 점수 (30점 만점)
- 채점 결과: 모바일 점수 (30점 만점)
- 채점 결과: SEO 점수 (30점 만점)
- 평가 결과: 보안 점수 (10점 만점)
- 평가 결과: 종합 점수 (100점 만점)
- 평가자 웹사이트
점수 해석 방법 및 측정 항목:
| 점수 유형 | 측정 대상 |
| 성능 | 네트워크 페이로드의 크기. 페이지가 생성하는 요청 수. 페이지가 완전히 상호작용 가능해지기까지 걸리는 시간. 웹사이트 자산 캐싱에 사용된 바이트 비율. 페이지 내 리디렉션 횟수. 모든 압축되지 않은 CSS 및 자바스크립트 파일의 크기. 적절하게 크기가 조정된 이미지 수. |
| 모바일 | 콘텐츠가 뷰포트에 맞게 크기가 조정되었는지 여부. 페이지 내 탭 대상의 모바일 친화성. |
| SEO | 검색 엔진 크롤러에 의해 페이지가 색인화되지 않도록 차단되었는지 여부. 페이지에 메타 설명과 링크 내 설명 텍스트가 있는지 여부. 페이지에 플러그인 기반 콘텐츠가 있는지 여부. |
| 보안 | 페이지가 HTTPS 또는 HTTP로 로드되는지 여부. 페이지에 알려진 보안 취약점이 있는 프론트엔드 자바스크립트가 포함되어 있는지 여부. |
위젯으로 웹사이트 URL을 스캔한 후 각 카테고리별 점수에 따라 연락처를 세그먼트로 구성할 수 있습니다.
- HubSpot 계정에서 CRM > 세그먼트로 이동합니다.
- 오른쪽 상단에서 세그먼트 생성을 클릭합니다.
- 왼쪽 패널에서 연락처 선택을 클릭하여 연락처 세그먼트를 생성합니다 . 그런 다음 다음을 클릭합니다.
- 세그먼트 이름을 편집하려면 편집 아이콘을 클릭하고 이름을 입력하세요.
- 필터 추가(+) 를 클릭하고 웹사이트 평가기 위젯: 평가 실행됨을선택하세요 .
- Website Grader 속성 이름을 클릭한 후 필터를 적절히 조정하세요.