Salesforceのページレイアウトに「HubSpot埋め込み」ウィンドウを追加します。

注: HubSpot の旧 Visualforce モジュールを含む Salesforce の HubSpot の旧管理パッケージは非推奨化される予定です。まだ旧Visualforceモジュールを使用している場合は、 Salesforceでパッケージをアンインストール し、代わりに HubSpot Embed を使用することをお勧めします。

HubSpot EmbedはSalesforce内のiframeで、Salesforceでのやり取りやアクティビティーの概要を表示するものです。これは、SalesforceのVisualforceフレームワーク内にあります。 

HubSpot Embedウィンドウは、Salesforceの取引先責任者、リード、取引先、商談レコードに追加できます。

HubSpot Embedを使用すると、次のことが可能になります。

• オブジェクトレコードのタイムラインと関連付けされたオブジェクトを Salesforce で表示します。
• オブジェクトをワークフローに登録し、以前のワークフロー登録を表示する。
• オブジェクトレコードのプロパティーとプロパティー履歴を表示します。 
• HubSpotのミーティングをSalesforceで直接予約。
• Salesforceを通じてコンタクトをシーケンスに登録します。

始める前に

この機能を使用する前に、以下の点に注意してください。 

• HubSpot と Salesforce の連携 がインストールされている必要があります。
• Salesforceの取引先または商談レコードに情報を表示するには、その取引先または商談がHubSpotの会社または取引に同期されており、後者が同期するコンタクトに関連付けられている必要があります。
• HubSpot Embedは、モバイルアプリケーションおよびモバイルアプリケーションのアプリ内ブラウザで はサポートされていません 。

HubSpot Embedを有効にする

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。左側のサイドバーメニューで、［連携］＞［接続されたアプリ］の順に進みます。
2. Salesforce 」をクリックします。
3. [機能の発見 ]タブをクリックします。 
4. ［HubSpot Embedをインストール］をクリックします。 

HubSpot Embedをインストールした後、Salesforceアカウントにログインして設定を続けます。該当するSalesforceのインターフェースについて、以下の手順で説明します：

• Salesforceクラシック
• Lightning Experience

Salesforceクラシック

1. Salesforceアカウントに移動します。
2. 右上の[Setup（セットアップ）](または[名前]>[Setup（セットアップ）])をクリックします。
3. Salesforceレコード ページ レイアウトにHubSpot Embedウィンドウを追加するには、左サイドバーメニューの [ビルド]セクションで[ > リード/コンタクト/アカウント/商談> ページレイアウトを カスタマイズ ]に移動します。

4. ページレイアウトのリストが表示されます。ページレイアウトの名前の横にある［編集］をクリックします。 

注：ページレイアウトが複数ある場合は、「HubSpot埋め込み」 ウィンドウをページレイアウトごとに追加する必要があります。

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

6. ダイアログボックスに セクション名 (「HubSpot情報」など)を入力します。［レイアウト］で、［1列］を選択します。［OK］をクリックします。
7. ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
8. ツールバーのHubSpot_Embed_[オブジェクトタイプ]_V2 アイテムをクリックし、ページレイアウト上の新しく作成されたセクションにドラッグします。 

9. 新しいHubSpotの埋め込みウィンドウにマウスポインターを合わせ、右上のレンチのアイコンをクリックします。
10. ダイアログボックスで、ウィンドウ高さを500に変更し、OKをクリックします。

11. ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
12. Salesforceのコンタクト、リード、アカウント、または商談のレコードに移動すると、「HubSpot埋め込み」ウィンドウが表示されます。 
13. 「HubSpot埋め込み」ウィンドウを追加したい他のページレイアウトについても、この手順を繰り返します。

Lightning Experience

1. Salesforceアカウントに移動します。
2. 右上の settings 歯車アイコンをクリックし、[ settings 設定]を選択します。
3. 左サイドバーメニューの[ プラットフォームツール]セクションで、[ オブジェクトマネージャー] > [オブジェクトおよび項目 ]に移動します。

4. オブジェクトのリストで、「リード」または「コンタクト」をクリックします。
5. 左のサイドバーメニューで、［ページレイアウト］に移動します。
6. ページレイアウトの名前をクリックします。

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

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

8. ダイアログボックスに セクション名 (「HubSpot情報」など)を入力します。
9. ［レイアウト］で、［1列］を選択します。［OK］をクリックします。
10. ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
11. ツールバーのHubSpot_Embed_[オブジェクトタイプ]_V2アイテムをクリックし、ページレイアウト上の新しく作成されたセクションにドラッグ＆ドロップします。

12. 右上の 新しく作成されたセクションにマウスポインターを置き、 レンチアイコンをクリックします。
13. ダイアログボックスで、ウィンドウ高さを500に変更し、OKをクリックします。

14. ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
15. Salesforce のリードまたはコンタクトレコードに移動し、詳細タブをクリックして 「HubSpot埋め込み」 ウィンドウを表示します。
16. 「HubSpot埋め込み」ウィンドウを追加したい他のページレイアウトについても、この手順を繰り返します。

HubSpot EmbedウィンドウをLightningページまたはLightningアプリケーションに追加するには:

1. Salesforceアカウントに移動します。 
2. 右上の settings 歯車アイコンをクリックし、[ settings 設定]を選択します。
3. 左側のサイドバーで、[ Visualforceページ]をクリックします。
4. 各HubSpot_Embed_[object]_V2 ページについて、「編集」をクリックします。 
5. Lighting Experience、Experience Builder サイト、およびモバイル アプリで使用可能 ] チェックボックスを選択します。 
6. 各オブジェクトタイプについて、この手順を繰り返します。 
7. Lightning レコードページに追加するときに、標準 Visualforce コンポーネントをページに追加してから、適切な HubSpot 埋め込みページを選択します。 

「HubSpot埋め込み」のエラーを解決する。

「HubSpot埋め込み」ウィンドウに以下のエラーが表示される場合があります：

このコンタクトにはHubSpotの情報はありません。このコンタクトは見つかりませんでした。エラーと思われる場合は、HubSpotのアカウント管理者にコンタクトしてください。 

このエラーを解決するには、次の手順に従います。

• 表示されたSalesforceレコードが、現在正しいHubSpotコンタクトと同期していることを確認します。
• HubSpot Embedウィンドウを表示しようとしているユーザーが、その特定のコンタクトレコードを表示するための適切な権限をHubSpotで持っていることを確認してください。