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

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

更新日時 2021年 10月 15日

対象製品

パートナーアカウント

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(ウィジェットをウェブサイトに追加)]セクションで[コピー]をクリックした後、コピーされたコードをウェブサイトの本文終了タグの前に追加します。

ウィジェットがウェブサイトのページに追加されると、訪問者は自分のEメールアドレスを入力した後、ウェブサイトのURLをスキャンして、パフォーマンスに基づくウェブサイトの総合的な評価を受けられるようになります。 

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

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

  • 採点結果:モバイルスコア
  • 採点結果:総合スコア
  • Grader Result: Security Score
  • Grader Result: SEOスコア
  • Graderウェブサイト

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

  • HubSpotアカウントで、[コンタクト]>[リスト]に移動します。
  • 右上の[リストを作成]をクリックします。
  • 左側のパネルで[コンタクトベース]を選択し、コンタクトのリストを作成します。
  • 右側のパネルで、リストの名前を入力してから[動的リスト]または[静的リスト]を選択します。
  • 右上の[次へ]をクリックします。
  • フィルタタイプのセクションで、「Website Grader Widget: Ran Grader」を選択します。 
  • Website Graderプロパティーの名前をクリックし、フィルターを必要に応じて調整します。