更新日時 2022年 3月 30日
HubSpot Visualforceウィンドウは、SalesforceリードまたはコンタクトがHubSpotで行っているインタラクションの概要を表示するiframeです。ウィンドウにはコンタクトのHubSpotコンタクト レコード タイムライン（フォーム送信、マーケティングEメール送信、HubSpotスコアなど）が表示され、HubSpotコンタクトレコードへのリンクが含まれます。Visualforceウィンドウではフィルターを使用して、表示するタイムラインアクティビティーを絞り込むことができます。
HubSpot VisualforceウィンドウをSalesforceリードおよびコンタクト ページ レイアウトに追加できる
注意： Visualforceウィンドウのコンテンツを表示するには、HubSpotのユーザー作成機能を使用してSalesforceユーザーをHubSpotに直接インポートする必要があり、HubSpotの連絡先表示アクセス権が最低限必要です。
Visualforce ウィンドウは、Salesforce のコンタクト、アカウント、およびオポチュニティのレイアウトに追加することができます。
Salesforce のアカウントやオポチュニティの情報を Visualforce ページに表示するには、そのアカウントやオポチュニティが HubSpot の企業や取引と同期しており、その企業や取引に関連付けられた同期中の連絡先がある必要があります。対応する HubSpot 企業または案件レコードのタイムライン情報は、Visualforce ウィンドウに表示されません。代わりに、最も最近同期された関連連絡先の情報がウィンドウに表示されます。
Salesforceクラシック
- Salesforceアカウントに移動します。
- 右上の[Setup（セットアップ）](または[名前]>[Setup（セットアップ）])をクリックします。
- リードページのレイアウトにVisualforceウィンドウを追加するには、左側のサイドバーメニューの［構築］セクションで、［カスタマイズ］>［リード］>［ページレイアウト］の順に進みます。
- または、コンタクトページのレイアウトにVisualforceウィンドウを追加するには、左側のサイドバーメニューの［構築］セクションで、［カスタマイズ］>［コンタクト］>［ページレイアウト］の順に進みます。
- ページレイアウトのリストが表示されます。ページレイアウトの名前の横にある［編集］をクリックします。
注：複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。
- ツールバーの［セクション］項目をクリックし、ページレイアウトの希望する場所にドラッグ＆ドロップします。
- ダイアログボックスで［セクション名］を入力します（例：HubSpot情報）。［レイアウト］で、［1列］を選択します。［OK］をクリックします。
- ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
- ツールバーの［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ＆ドロップします。
- 新しい［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
- ダイアログボックスで、ウィンドウの高さを315に変更し、［OK］をクリックします。
- ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
- HubSpot Visualforceウィンドウを表示するには、Salesforceリードまたはコンタクトレコードに移動します。
Lightning Experience
- Salesforceアカウントに移動します。
- 右上のギアアイコンをクリックし、セットアップを選択します。
- 左側のサイドバーメニューの、［プラットフォームツール］セクションで、［オブジェクトとフィールド］>［オブジェクトマネージャー］の順に選択します。
- オブジェクトのリストで、［リード］または［コンタクト］をクリックします。
- 左のサイドバーメニューで、［ページレイアウト］に移動します。
- ページレイアウトの名前をクリックします。
注：複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。
- ツールバーの［セクション］項目をクリックし、ページレイアウトの希望する場所にドラッグ＆ドロップします。
- ダイアログボックスで［セクション名］を入力します（例：HubSpot情報）。［レイアウト］で、［1列］を選択します。［OK］をクリックします。
- ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
- ツールバーの［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ＆ドロップします。
- 新しい［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
- ダイアログボックスで、ウィンドウの高さを315に変更し、［OK］をクリックします。
- ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
- Salesforceリードまたはコンタクトレコードに移動し、［詳細］タブをクリックしてHubSpot Visualforceウィンドウを表示します。
注：HubSpot Visualforceウィンドウは、Lightning Experienceの［詳細］タブのセクションとしてのみ追加できます。このウィンドウは、カスタムタブまたはページには追加できません。
- フィルター」をクリックすると、連絡先情報をセグメント化できるフィルターのリストが表示されます。
HubSpot Visualforceウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。
