HubSpot VisualforceウィンドウをSalesforceページレイアウトに追加する
更新日時 2023年 3月 21日
HubSpot Visualforceウィンドウは、SalesforceリードまたはコンタクトがHubSpotで行っているインタラクションの概要を表示するiframeです。ウィンドウにはコンタクトのHubSpotコンタクト レコード タイムライン(フォーム送信、マーケティングEメール送信、HubSpotスコアなど)が表示され、HubSpotコンタクトレコードへのリンクが含まれます。Visualforceウィンドウではフィルターを使用して、表示するタイムラインアクティビティーを絞り込むことができます。
HubSpot VisualforceウィンドウをSalesforceリードおよびコンタクト ページ レイアウトに追加できる
注意: Visualforceウィンドウのコンテンツを表示するには、、SalesforceのユーザーもHubSpotのユーザーであり、後者にログインしている必要があります。HubSpotのユーザー作成機能を使ってHubSpotに直接インポートすることができ、HubSpotのコンタクトビューアクセスが最低限必要になります。
Visualforceウィンドウは、Salesforceのコンタクト、アカウント、オポチュニティのレイアウトに追加することができます。
VisualforceページでSalesforceのアカウントや機会の情報を表示するには、アカウント/機会がHubSpotの会社/取引と同期しており、その会社または取引に関連付けされた同期コンタクトがある必要があります。
対応する HubSpot 会社または取引レコードの Timeline 情報は 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アカウントに移動します。
- 右上のギアアイコンsettingsをクリックし、settingsセットアップを選択します。
- 左サイドバーメニューの「Platform Tools 」セクションで、「Objects and Fields」 > Object Managerに移動します。
- オブジェクトのリストで、[リード]または[コンタクト]をクリックします。
- 左のサイドバーメニューで、[ページレイアウト]に移動します。
- ページレイアウトの名前をクリックします。
注:複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。
- ツールバーの[セクション]項目をクリックし、ページレイアウトの希望する場所にドラッグ&ドロップします。
- ダイアログボックスで[セクション名]を入力します(例:HubSpot情報)。[レイアウト]で、[1列]を選択します。[OK]をクリックします。
- ツールバーの左のサイドバーメニューで、[Visualforce Pages(Visualforceページ)]を選択します。
- ツールバーの[HubSpotリードインテリジェンス]または[HubSpotコンタクトインテリジェンス]項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ&ドロップします。

- 新しい[HubSpotリードインテリジェンス]または[HubSpotコンタクトインテリジェンス]Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
- ダイアログボックスで、ウィンドウの高さを315に変更し、[OK]をクリックします。
- ツールバーの左上にある[保存]をクリックしてレイアウトの変更を適用します。
- Salesforceリードまたはコンタクトレコードに移動し、[詳細]タブをクリックしてHubSpot Visualforceウィンドウを表示します。
注:HubSpot Visualforceウィンドウは、Lightning Experienceの[詳細]タブのセクションとしてのみ追加できます。このウィンドウは、カスタムタブまたはページには追加できません。
- フィルタ]をクリックすると、コンタクト情報をセグメント化できるフィルタのリストが表示されます。
HubSpot Visualforceウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。
Visualforceのエラーを解決する
Visualforceのウィンドウに以下のようなエラーが表示されることがあります。
このコンタクトにはHubSpotの情報はありません。このコンタクトは見つかりませんでした。エラーと思われる場合は、HubSpotのアカウント管理者にコンタクトしてください。
このエラーを解決するには、次の手順に従います。
- 表示されたSalesforceレコードが、現在正しいHubSpotコンタクトと同期していることを確認します。
- Visualforceウィンドウを表示しようとするユーザーが、HubSpotでその特定のコンタクトレコードを表示するための適切な権限を持っていることを確認します。
関連記事
-
HubSpotに接続してデータを同期する
HubSpotデータ同期を使用すると、...
ナレッジベース -
HubSpotとMicrosoft Teamsの連携
Microsoft TeamsアカウントをHubSpotに接続すると、Microsoft Teamsのミーティングリンクをコンタクトに送信したり、Microsoft...
ナレッジベース -
HubSpotとZoomの連携機能を使用する
Zoom連携を使用すると、ビデオ会議リンクをHubSpotのスケジュール設定ページに追加できます。HubSpotサブスクリプションに応じて、ワークフローを使用してZoomウェビナーに登録者を追加したり、...
ナレッジベース