メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Integrations

ウェブサイトにWebsite Graderウィジェットを追加する

更新日時 2022年 5月 17日

対象製品

パートナーアカウント

Website Graderウィジェットは、HubSpotのWebsite Graderの埋め込み可能なバージョンです。HubSpot Solutions Partner様とSolutions Provider様はこのウィジェットを、HubSpotでホスティングされているウェブサイトや外部ウェブサイトに追加できます。このウィジェットを構成するのは1つのフォームと、ウェブページに追加可能な1つのモジュールです。

連携の要件

HubSpotで次の権限を付与されている必要があります。

Website Graderウィジェットをアカウントに追加する

  • https://widget.grader.com/に移動します。
  • [Add to portal(ポータルに追加)]をクリックします。 
  • ウィジェットを追加するアカウントを選択してから、[アカウントを選択]をクリックします。
  • HubSpotアカウントへのアクセスをWebsite Graderウィジェットに許可するよう求められます。[Connect app(アプリを接続)]をクリックします。
  • Website Graderウィジェットは、HubSpotでホスティングされているページまたは外部ウェブサイトに追加することができます。オプションを選択した後、指示に従ってアカウントでのウィジェット設定を完了します。
wsg-hubspot-hosted

 

HubSpotでホスティングされているページにウィジェットを埋め込む

HubSpotでホスティングされているウェブサイトにウィジェットを埋め込む場合:

  • [A HubSpot hosted page(HubSpotでホスティングされているページ)]チェックボックスをオンにします。
  • [次へ]をクリックします。
  • フォームにプライバシーに関する免責情報を追加します。
    • [会社名]フィールドに、会社名を入力します。
    • [プライバシーポリシーのURL]フィールドに、会社のプライバシーポリシーへのリンクを入力します。
  • [次へ]をクリックします。
  • Website Graderウィジェットをアカウントに自動的に追加するには、[Install module(モジュールをインストール)]をクリックします。 
  • アカウントでモジュールを表示するには、[Open portal(ポータルを開く)]をクリックします。モジュールには「HubSpot Website Grader widget(HubSpot Website Graderウィジェット)」という名前が付けられます。

モジュールがアカウントに追加された後、次のことができます。モジュールのフィールドを編集するをクリックし、フォームフィールドのスタイルを設定し、次にページテンプレートに追加するまたはドラッグアンドドロップページエディタを使用して、それをページに追加する .

外部ページにウィジェットを埋め込む

Website Graderウィジェットを外部ページに埋め込む場合:

  • [An external website(外部ウェブページ)]チェックボックスをオンにします。
  • [次へ]をクリックします。 
  • アカウントに「Website Grader Widget Form(Website Graderウィジェットフォーム)」という名前のフォームが自動的に作成されます。フォームのフィールドを編集するには、[このフォームを編集]をクリックします。カスタムフォームを作成することもできます。
  • [次へ]をクリックします。 
  • フォームにプライバシーに関する免責情報を追加します。
    • [会社名]フィールドに、会社名を入力します。
    • [プライバシーポリシーのURL]フィールドに、会社のプライバシーポリシーへのリンクを入力します。
  • [次へ]をクリックします。 
  • [カスタマイズ]セクションで、スタイル設定オプションを使用して、ページに表示されるロゴやテキストを編集します。変更をプレビューするには、[プレビュー]をクリックします。 
  • [次へ]をクリックします。 
  • Add the widget to your websiteセクションで、Copyをクリックし、コードをclosing bodyタグの前にウェブサイトに追加します。

ウィジェットがウェブサイトのページに追加されると、訪問者は自分のEメールアドレスを入力した後、ウェブサイトのURLをスキャンして、パフォーマンスに基づくウェブサイトの総合的な評価を受けられるようになります。また、「Website Grader Result Email」というタイトルのマーケティングメールがポータルに追加されます。このメールは、あなたのウェブサイトのウェブサイトグレーダーに記入した連絡先に送信することができます。 

ウェブサイトのスコアに基づいてコンタクトをセグメント化する

Website Graderウィジェットをアカウントに追加すると、以下のコンタクトプロパティーが作成されます。

  • 採点結果:パフォーマンススコア(30点満点)
  • グレーダー結果:モバイルスコア(30点満点)
  • グレーダー結果:SEOスコア(30点満点)
  • グレーダー結果:セキュリティスコア(10点満点)
  • 採点結果:総合得点(100点満点中)
  • Graderウェブサイト

こうしてスコアを解釈し、何を測定しているのかを知ることができる。

スコアの種類

測定対象

パフォーマンス

ネットワークペイロードのサイズ。

そのページが行うリクエストの数。

ページが完全にインタラクティブになるまでにかかる時間です。

Webサイトのアセットをキャッシュするために使用されるバイト数の割合。

ページ内のリダイレクトの数

最小化されていないすべてのCSSとJavascriptのファイルのサイズです。 

適切な大きさの画像の数です。

モバイル

コンテンツがビューポートに対して正しい大きさであるかどうか。

フォントサイズがいかにモバイルフレンドリーであるか。 

ページ内のタップターゲットがいかにモバイルフレンドリーであるか。 

SEO

検索エンジンのクローラーによるインデックス作成をブロックしているページかどうか。

ページにメタディスクリプションとリンクに説明テキストがあるかどうか。 

ページがプラグインベースのコンテンツを持っているかどうか。

セキュリティー

HTTPSとHTTPのどちらでページを読み込むか。

ページにセキュリティ上の脆弱性が知られているフロントエンドのJavascriptが含まれている場合。 

ウィジェットでウェブサイトのURLがスキャンされたら、コンタクトを各カテゴリーのスコアに基づくリストにセグメント化できます。 

  • HubSpotアカウントで、[コンタクト]>[リスト]に移動します。
  • 右上の[リストを作成]をクリックします。
  • 左側のパネルで[コンタクトベース]を選択し、コンタクトのリストを作成します。
  • 右側のパネルで、リストの名前を入力してから[動的リスト]または[静的リスト]を選択します。
  • 右上にある[次へ]をクリックします。
  • フィルターの種類]セクションで、[ ウェブサイトグレーダーウィジェット:ラングレーダー ]を選択します。 
  • Website Graderプロパティーの名前をクリックし、フィルターを必要に応じて調整します。
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.