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