ウェブサイトにWebsite Graderウィジェットを追加する
更新日時 2025年11月5日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
Website Grader ウィジェットは、HubSpotの Website Grader の埋め込み可能なバージョンです。 HubSpot Solutions Partner様とSolutions Provider 様はこのを、HubSpotでホスティングされているウェブサイトや外部ウェブサイトに追加できます。このウィジェットは、ウェブページに追加できるフォームとモジュールで構成されています。
連携の要件
HubSpotで以下の権限が付与されている必要があります。
- Marketing Hubまたは Content HubのProfessionalまたはEnterpriseサブスクリプション。
- コンタクト、会社、取引の表示および編集 アクセス権。
- プロパティー設定権限を編集します。
- マーケティングアクセス 権限。
- ウェブサイトツールの 公開、 編集、 表示 のアクセス権(HubDBを除く)。
- アプリマーケットプレイスアクセス権、 グローバルコンテンツ設定、 ウェブサイト設定の権限です。
アカウントにWebsite Grader ウィジェットを追加する
- https://ウィジェット.grader.com/ に移動します。
- [ ポータルに追加] をクリックします。
- ウィジェットを追加する アカウント を選択し、[ Choose Account(アカウントを選択)]をクリックします。
- Website Grader ウィジェットがHubSpotアカウントにアクセスする権限を付与するよう求められます。[アプリを接続]をクリックします。
- Website Grader ウィジェットはHubSpotでホスティングされているページまたは外部ウェブサイトに追加できます。[ Website Grader ウィジェットをどこで埋め込みますか? ]画面で オプションを選択します。続いて、指示に従ってアカウントでウィジェットをセットアップします。
HubSpotでホスティングされているページにウィジェットを埋め込む
HubSpotでホスティングされているウェブサイトにウィジェットを埋め込む場合:
- [ HubSpotでホスティングされているページ] チェックボックスをオンにします。
- [次へ]をクリックします。
- プライバシーに関する注意事項をフォームに追加します。
- [会社名 ]フィールドに会社名を入力します。
- [プライバシーポリシーURL ]フィールドに、自社のプライバシーポリシーへのリンクを入力します。
- [次へ]をクリックします
- アカウントにWebsite Grader ウィジェットを自動的に追加するには、[ モジュールをインストール]をクリックします。
- アカウントでモジュールを表示するには、[ ポータルを開く]をクリックします。モジュール名はHubSpot Website Grader ウィジェットとなります。
モジュールをアカウントに追加したら、 モジュールのフィールドを編集して フォーム フィールドのスタイルを設定できます。その後、ページテンプレートに追加するか、 ドラッグ&ドロップのページエディターを使用してページに追加できます。
外部ページにウィジェットを埋め込む
外部ページにWebsite Grader ウィジェットを埋め込む場合:
- [ 外部ウェブサイト ]チェックボックスをオンにします。
- [次へ]をクリックします。
- 「Website Grader ウィジェットフォーム」というフォームがアカウント内に自動的に作成されます。フォームのフィールドを編集するには、[このフォームを編集]をクリックします。カスタムフォームを作成することもできます。
- [次へ]をクリックします。
- プライバシーに関する注意事項をフォームに追加します。
-
- [会社名 ]フィールドに会社名を入力します。
- [プライバシーポリシーURL ]フィールドに、自社のプライバシーポリシーへのリンクを入力します。
- [次へ]をクリックします。
- [カスタマイズ]セクションで、スタイル設定オプションを使用して、ページに表示されるロゴとテキストを編集します。変更内容を確認するには、[ プレビュー]をクリックします。
- [次へ]をクリックします。
- [ ウェブサイトにウィジェットを追加 ]セクションで、[ コピー]をクリックし、ウェブサイトの終了本文タグの前にコードを追加します。
ウィジェットがウェブサイトページに追加された後、訪問者はEメールアドレスを入力してウェブサイト URLをスキャンし、そのパフォーマンスに基づいてウェブサイトの総合評価を受けることができます。また、「 Website Graderの結果Eメール 」というタイトルのマーケティングEメールがHubSpotアカウントに追加されます。ウェブサイトのWebsite Graderに記入したコンタクトにこのEメールを送信できます。
ウェブサイトスコアに基づいてコンタクトをセグメント化
アカウントにWebsite Grader ウィジェットを追加すると、以下のコンタクトプロパティーが作成されます。
- 採点結果:パフォーマンススコア(30点満点)
- 採点者の結果:モバイルスコア(30点満点)
- 採点結果:SEOスコア(30点満点)
- 採点者の結果:セキュリティースコア(10点満点)
- 採点者の結果:総合スコア(100点満点)
- グレーダーウェブサイト
スコアの解釈方法とその測定結果は次のとおりです。
| スコアタイプ | 測定されている内容 |
| パフォーマンス | ネットワークペイロードのサイズ。 ページからの送信リクエスト数。 ページ が完全にインタラクティブになるまでにかかる時間。 ウェブサイトアセットのキャッシュに使用される バイト数の割合 。 ページで のリダイレクトの数 。 全ての非軽量化CSS ファイルとJavaScriptファイルのサイズ。 適切なサイズの画像の数。 |
| モビール | コンテンツ のサイズがビューポートに対して正しく設定されているかどうか。 フォントサイズがモバイルにどのように対応しているか。 ページ上のタップターゲットのモバイル対応度。 |
| SEO | ページが 検索エンジンのクローラーによってインデックス登録をブロックされているかどうかを示します。 リンク部分に メタディスクリプション と 説明文 を含めるかどうか。 ページに プラグインベースのコンテンツがあるかどうか。 |
| 安全 |
ウィジェットでウェブサイトURLをスキャンした後で、各カテゴリーのスコアに基づいてコンタクトをセグメントに整理できます。
- HubSpotアカウントで、[ セグメント> CRM] に移動します。
- 右上の[ セグメントを作成]をクリックします。
- 左側のパネルで[ コンタクト ]を選択し、コンタクトのセグメントを作成します。[次へ]をクリックします。
- セグメントの名前を編集するには、編集アイコンをクリックして名前を入力します。
- [+フィルターを追加 ]をクリックし、[ Website Grader ウィジェット: Run Grader]を選択します。
- Website Graderのプロパティー 名 をクリックし、それに応じてフィルターを微調整します。