Salesforce向けの埋め込みガイドは、Salesforce Pendoツールキット（以下、Salesforceツールキット）の一部である埋め込みガイドLWCで配信できます。この機能は、コンテンツを埋め込む要素を選択することが困難になる可能性がある、Salesforceページの構造に関連する課題を克服するのに役立ちます。
Salesforceツールキットの詳細については、「Salesforce向けPendoツールキット」を参照してください。
仕組み
ガイドを作成する社内のPendoユーザーは、コンテンツを埋め込む場所についてSalesforceツールキット管理者に指示を出します。この記事では、Salesforceツールキット管理者がSalesforce Lightningページの意図した場所に埋め込みガイドLWCを配置する手順を説明します。
前提条件
- PendoがPendo Launcherブラウザ拡張機能を使用してインストールおよび設定されていること。詳細については、「ブラウザ拡張機能の実装を計画する」と「Pendo Launcherを導入するためのITガイド」を参照してください。
- Pendo向けSalesforceツールキットが設定されていること。手順については、「Salesforce向けPendoツールキット」と「Salesforce向けPendoツールキットを設定する」を参照してください。
ステップ1. 埋め込みコンテンツLWCをレコードページに追加する
埋め込みガイドLWCをSalesforceのレコードページに追加するには、次の手順に沿って行います。
- Salesforceでアカウント、商談、または連絡先などのレコードページを開きます。
- 右上の歯車アイコンを選択し、［ページを編集（Edit Page）］を選択します。これにより、［Lightningアプリケーションビルダー（Lightning App Builder）］が開きます。
- ページの左側にあるコンポーネントリストで、［Pendo埋め込みガイド（Pendo Embedded Guide）］を見つけてください。
- ［Pendo埋め込みガイド］LWCをレコードページの適切な場所にドラッグアンドドロップします。これは、Pendoツールキット管理者とPendoツールキットユーザーの両方に表示されます。これらの権限セットの詳細については、「Salesforce向けPendoツールキット」を参照してください。
- ページに配置された［Pendo埋め込みガイド］LWCごとに、［Lightningアプリケーションビルダー（Lightning App Builder）］の右側にあるコンポーネント設定に一意のコンポーネントIDを入力します。このIDは、このコンポーネントにコンテンツをターゲット設定するために必要です。
- ［保存］を選択します。
ステップ2. Pendoで埋め込みコンテンツを作成する
Salesforceに埋め込みガイドLWCを配置した後、Pendoに移動して埋め込みガイドを作成します。手順については、「埋め込みガイドを作成する」を参照してください。
このプロセスの一環として、目標、アクティベーション、セグメント、スケジューリング、ローカリゼーションなど、埋め込みガイドの追加設定を定義します。詳細については、「ガイド設定の定義」を参照してください。
ステップ3. 埋め込みコンテンツのターゲット要素としてLWCを設定する
埋め込みガイドを作成後、Pendoでビジュアルデザインスタジオ（Visual Design Studio）を使用して、そのガイドをSalesforceの埋め込みガイドLWCに挿入します。
- Pendoで［ガイド（Guides）］>［ガイド］に移動し、埋め込みガイドを開き、［自分のアプリで管理（Manage in my app）］を選択し、次に［デザイナーを起動（Launch Designer）］を選択します。これにより、埋め込みガイド用のビジュアルデザインスタジオが開きます。
- ［コンテナを編集（Edit Container）］ウィンドウで［場所（Location）］タブを開きます。
-
［要素を選択（Select Element）］で［カスタムCSS（Custom CSS）］を選択し、
.active [data-component-id="COMPONENTID"]を入力します。引用符で囲まれた大文字の値を、ガイドを表示したいSalesforceの埋め込みガイドLWCに割り当てた一意のコンポーネントIDに置き換えます。 - ビジュアルデザインスタジオ（Visual Design Studio）の［コンテナを編集］ウィンドウの右下にある［完了（Done）］を選択します。
- アクションバーで［保存（Save）］を選択します。