更新日時 2021年 12月 22日
HubSpot Visualforceウィンドウは、SalesforceリードまたはコンタクトがHubSpotで行っているインタラクションの概要を表示するiframeです。ウィンドウにはコンタクトのHubSpotコンタクト レコード タイムライン（フォーム送信、マーケティングEメール送信、HubSpotスコアなど）が表示され、HubSpotコンタクトレコードへのリンクが含まれます。Visualforceウィンドウではフィルターを使用して、表示するタイムラインアクティビティーを絞り込むことができます。
HubSpot VisualforceウィンドウをSalesforceリードおよびコンタクト ページ レイアウトに追加できる
注意： Visualforceウィンドウのコンテンツを表示するには、SalesforceユーザーをHubSpotのユーザー作成機能を使ってHubSpotに直接インポートする必要があり、HubSpotでは最低でも連絡先表示のアクセス権が必要です。
Visualforceウィンドウは、Salesforceのコンタクト、アカウント、オポチュニティのレイアウトに追加することができます。
VisualforceページでSalesforceのアカウントやオポチュニティの情報を表示するには、そのアカウント/オポチュニティが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ウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。
