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

HubSpot VisualforceウィンドウをSalesforceページレイアウトに追加する

更新日時 2023年 3月 21日

対象製品

Marketing Hub Professional, Enterprise
Sales Hub Professional, Enterprise
Service Hub Professional, Enterprise
Operations Hub Professional, Enterprise
CMS Hub Professional, Enterprise

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ウィンドウを追加するには、左側のサイドバーメニューの[構築]セクションで、[カスタマイズ]>[リード]>[ページレイアウト]の順に進みます。build-lead-page-layout-salesforce
  • また、コンタクトページのレイアウトに Visualforce ウィンドウを追加するには、左サイドバー・メニューの「ビルド」セクションで、「カスタマイズ」> コンタクト > ページレイアウトに移動します。build-contact-page-layout
  • ページレイアウトのリストが表示されます。ページレイアウトの名前の横にある[編集]をクリックします。 

注:複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。

  • ツールバーの[セクション]項目をクリックし、ページレイアウトの希望する場所にドラッグ&ドロップします。

  • ダイアログボックスで[セクション名]を入力します(例:HubSpot情報)。[レイアウト]で、[1列]を選択します。[OK]をクリックします。
  • ツールバーの左のサイドバーメニューで、[Visualforce Pages(Visualforceページ)]を選択します。
  • ツールバーの[HubSpotリードインテリジェンス]または[HubSpotコンタクトインテリジェンス]項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ&ドロップします。
Visualforceそのものを追加します。下にスクロールし、上のツールバーの[Visualforce Pages(Visualforceページ)]をクリックして、[HubSpot Lead Intelligence(HubSpotリードインテリジェンス)]項目を[HubSpot Intelligence(HubSpotインテリジェンス)]セクションにドラッグします。
  • 新しい[HubSpotリードインテリジェンス]または[HubSpotコンタクトインテリジェンス]Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
  • ダイアログボックスで、ウィンドウの高さを315に変更し、[OK]をクリックします。

  • ツールバーの左上にある[保存]をクリックしてレイアウトの変更を適用します。
  • HubSpot Visualforceウィンドウを表示するには、Salesforceリードまたはコンタクトレコードに移動します。

HubSpot Visualforceウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。

 

Lightning Experience

  • Salesforceアカウントに移動します。
  • 右上のギアアイコンsettingsをクリックし、settingsセットアップを選択します。
  • 左サイドバーメニューの「Platform Tools 」セクションで、「Objects and Fields」 > Object Managerに移動します。object-manager-lightening-experience
  • オブジェクトのリストで、[リード]または[コンタクト]をクリックします。
  • 左のサイドバーメニューで、[ページレイアウト]に移動します。
  • ページレイアウトの名前をクリックします。

注:複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトに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がご提供しているヘルプはこちらでご確認ください。