•
進行状況の追跡を始めよう
Trailhead のホーム
Trailhead のホーム

カスタムボタンとカスタムリンクの作成

学習の目的

この単元を完了すると、次のことができるようになります。
  • カスタムボタンとカスタムリンクを作成する。
  • ボタンやリンクをページレイアウトに追加する。
  • カスタムボタンとカスタムリンクの違いを説明する。

カスタム詳細ページリンクの作成

Ursa Major Solar のシステム管理者の Maria は、営業チーム向けに作成した Energy Audit カスタムページレイアウトを改良したいと考えています。そこで、米国エネルギー情報局によるエネルギーコストのデータを示すカスタムリンクの追加を検討しています。この情報は、営業担当が顧客が支払っているエネルギーコストを米国平均と比較する場合に役立ちます。

では始めましょう。

  1. [設定] で [オブジェクトマネージャ] をクリックして、[Energy Audit (エネルギー監査)] をクリックします。
  2. [ボタン、リンク、およびアクション] をクリックして、[新規ボタンまたはリンク] をクリックします。
  3. [表示ラベル] に「US Average Energy Costs」(米国平均エネルギーコスト) と入力してリンクに名前を付けます。
  4. 表示の種類で [詳細ページリンク] が選択されていることを確認して、それに続く 2 つの項目はそのままにします。
    カスタム詳細ページリンクの属性

    次は、リンク先の URL を追加しましょう。

  5. 数式エディタに「https://www.eia.gov/analysis/」と入力します。
  6. [保存] をクリックして、[OK] をクリックします。
    ヒント

    ヒント

    保存後、編集を継続するには、[適用] を使用します。コンテンツソースを URL に設定している場合、保存により、定義した URL が検証されます。

    カスタムボタンとカスタムリンクを使用するには、それらをオブジェクトのページレイアウトに追加します。追加すると、そのボタンやリンクがレコード詳細ページに表示され、使用できるようになります。早速やってみましょう。

  7. [ページレイアウト] をクリックして、[Energy Audit Sales Layout (エネルギー監査営業レイアウト)] をクリックします。
  8. パレットの [カスタムリンク] カテゴリの [US Average Energy Costs (米国平均エネルギーコスト)] を、レイアウトの [カスタムリンク] セクションにドラッグします。
    ページレイアウトへのリンクの追加
  9. [保存] をクリックします。
    結果を確認しましょう。
  10. アプリケーションランチャーから [Energy Audits (エネルギー監査)] を見つけて選択します。
  11. エネルギー監査レコードを開きます。
    [詳細] タブでカスタムリンクが有効になっています。

    詳細でのカスタムリンク

カスタム詳細ページボタンの作成

Maria は、取引先の場所を Google マップに表示するカスタムボタンを取引先ページに追加したいと考えています。

  1. [設定] で [オブジェクトマネージャ] をクリックして、[取引先] をクリックします。
  2. [ボタン、リンク、およびアクション] をクリックして、[新規ボタンまたはリンク] をクリックします。
  3. [表示ラベル] に「Map Location」(場所をマップに表示) と入力してボタンに名前を付けます。
  4. [詳細ページボタン] を選択します。
  5. 数式エディタに次の URL を貼り付けます: http://maps.google.com/maps?q={!Account_BillingStreet}%20{!Account_BillingCity}%20{!Account_BillingState}%20{!Account_BillingPostalCode}
    カスタム詳細ページボタンの属性

    この URL では、差し込み項目 ({!Account_BillingStreet}) を利用して、ボタンがクリックされた取引先レコードの項目情報を URL に渡します。

  6. [保存] をクリックして、[OK] をクリックします。
    次は、ボタンを取引先ページレイアウトに追加しましょう。
  7. [ページレイアウト] をクリックして、[Account Layout (取引先レイアウト)] をクリックします。
  8. パレットの [ボタン] カテゴリの [Map Location (場所をマップに表示)] を、ページレイアウトの [カスタムボタン] 領域にドラッグします。
    ページレイアウトへのボタンの追加
  9. [保存] をクリックします。
    ついにテストするときがきました。
  10. アプリケーションランチャーから [セールス] を見つけて選択し、[取引先] タブをクリックします。
  11. 取引先レコードを開きます。
    強調表示パネルにオブジェクトのコンパクトレイアウトからの項目に加えて、アクションメニューが表示されます。アクションメニューは、ページレイアウトの標準ボタン、カスタムボタン、アクションの組み合わせです(アクションについては次の単元で説明します)。
  12. アクションメニューを展開して、[Map Location (場所をマップに表示)] を選択します。
    アクションメニューと新しいボタン
    重要

    重要

    ページレイアウトにカスタムボタンを追加しても [Map Location (場所をマップに表示)] がアクションメニューに追加されませんか? アクションを含むページレイアウトでのカスタムボタンの動作には癖があります。

    ページレイアウトの [Salesforce モバイルおよび Lightning Experience アクション] セクションのデフォルト設定を上書きし、カスタマイズしても、[ボタン] セクションの標準ボタンとカスタムボタンはページのアクションメニューに自動では組み込まれません。ボタンをページレイアウトにアクションとして追加するためには、パレットの [モバイルおよび Lightning のアクション] カテゴリから [Salesforce モバイルおよび Lightning Experience アクション] セクションにドラッグする必要があります。

  13. [開く] をクリックすると、ブラウザの新しいウィンドウまたはタブが開き、Google マップに取引先の位置が表示されます。
ヒント

ヒント

カスタム詳細ページボタンとリンクでは同じことができます。ページの表示する場所やプロセスを考慮して、どちらを使用するのかを判断してください。