はじめに
株式会社ピーアールオー（あったらいいな！を作ります） Advent Calendar 2022 の9日目になります。
今回はQiitaに記事の少ないSalesforceで、最初にやることが多い「Web-to-リード」を題材とします。
前提
利用が多いと思われるWordPressで作成されたLPページ等の問い合わせページに対して
Web-to-リードのフォームを追加していく流れを紹介します。
素直に作ろうとすると
Salesforceの「web-to-リード」機能で発行したHTMLを利用します。
以下のようになります。
| 媒体 | 処理の流れ | 対応すること |
|---|---|---|
| LPページ | SalesforceにPOSTする | Salesforceで発行したHTMLを埋め込む、JSで入力チェック |
| Salesforce | reCAPTHAキーペアチェック、リード登録、メール送信 | リード・メール設定 |
| Thanksページ | 設定登録しているURLへリダイレクト | Thanksページの作成 |
ここで考えたいこと
・web-to-リードのメールは商談（行動履歴）のように残したいものでない、Salesforceに寄せる必要がない
・Thanksページを余計に作る必要がない
・SalesforceのWeb-to-リード要求は制限数（500/日）がある
・HTMLから直接SalesforceへPOSTは避けたい(JSの入力チェック作成やHTMLに載せたくない項目（組織ID）がある)
・PHP等でサーバーサイド処理を１から作成するのも大変
解決はプラグイン
なるべく楽な解決として、WordPressのプラグインを選択します。
プラグインの選定基準は「無料・更新日（サポート）が新しい・分かり易い」の３点
以下のプラグインを利用させて貰いました。
| プラグイン名 | プラグインの内容 |
|---|---|
| ContractForm7 | メジャー、確認画面なし、reCAPTCHA（v3）あり、日本語 がうれしいです |
| Code Snippets | codeの差し込みが可能。(PHP、スタイル) |
※最近はWordPressで子テーマを利用したノーコード・ローコードの記事を目にしますが
子テーマのことを考えるのが手間なので、コードを差し込むSnippetsプラグインを選択
だいたいはこのようになります。
| 媒体 | 処理の流れ | 対応すること |
|---|---|---|
| LPページ | 自サーバーにPOSTする | ContractForm設定（フォーム、チェック、メール） |
| 自サーバー | ContractFormの処理＋Snippetsの処理 | Snippetsでコード追加（SalesforceAPIアクセス、その他追加可能） |
| LPページ | 送信完了メッセージを表示 | ContractForm設定のもの |
設定手順とポイント
１. reCAPTCHA発行
- Google v3 Admin Consoleで発行します。
２. Salesforceの設定
- 設定＞マーケティングにある「Web-to-リード」の設定をする
有効化とフォームの払い出し - 設定＞マーケティングにある「リードの設定」の設定をする
デフォルト作成者やレコードタイプ設定等を必要に応じて
３. WordPressプラグインインストール
- ContractForm7、Code Snippetsをインストール
４. ContractFormの設定
- インテグレーションにあるreCAPTCHAのセットアップをする
Googleで発行したキーを設定する - 問い合わせフォームを作成する
Salesforceで払い出したHTMLの項目（nameなど）に併せて作成する
hiddenのoidはSnippets側で設定するので含めない - メールのテンプレートを設定する
５. Snippetsの設定
- reCAPTCHAの制御追加
WordPressのプラグインでreCAPTCHAは見かけますが「更新が古い、有料」など見つける手間の方が高く付くのでコード追加としてます。
対象画面を絞る（除外する）サンプルコード
add_action( 'wp_enqueue_scripts', function() {
if(is_page(array('LPページ1','LPページ2'))) return;
wp_deregister_script( 'google-recaptcha' );
}, 100, 0);
- Salesforceへの登録
こちらは参考サイトさまのリンクを載せさせて頂き、ポイントの記載とさせていただきます。
APIエラーによる機会減少を考える場合は、フックするアクションの選択を「wpcf7_mail_sent」にする、非同期処理にするといった対応を検討されるとよいかもしれません。
HTML（問い合わせForm）にSalesforceの組織IDを載せず、追加するアクション内に記載することをオススメします。
チェック処理の追加用途だけではなく、HTTPClientの処理でslack通知を入れるといったカスタマイズを入れることもよいと思います。
参考サイトさま
纏め
ケースにより確認画面が必要な場合はMW WPFormを使用など対応の選択は様々と思われます。
組織IDをhiddenで設定するのは避けた方がよいと思われます。（ごくまれに見かけます
）
Salesforceの考え同様に、出来るだけ在るものを利用していきましょう。
という記事でした。
参考になれば幸いです。