1 of 12

フォーム�導入マニュアル

Account Engagement(旧Pardot) 編

2 of 12

index

#1. 利用準備

#2. フォームでの利用方法

#3. フォームハンドラーでの利用方法

​

3 of 12

#1. 利用準備

  • 導入環境でどの情報を取得するか、どの項目にマッピングするかを検討する。
    • Account Engagementプロスペクトの標準項目/カスタム項目いずれにもマッピングが可能。
    • イチサンフォームの仕様上「法人名」のみ必須。
    • 次ページに参考のマッピング表を記載。

​

4 of 12

参考

取得情報は

公式ページに準ずる

​

取得する情報

class 名

例

Account Engagement

プロスペクト項目(参考)

法人名

company_name

トヨタ自動車株式会社

company

法人名読み

company_name_kana

トヨタジドウシャ

カスタム項目作成

法人番号

company_id

1180301018771

カスタム項目作成

郵便番号

location_zipcode

4710826

zip

所在地

location_full

愛知県豊田市トヨタ町1

カスタム項目作成

所在地(都道府県)

location_pref

愛知県

state

所在地(市区町村)

location_city

豊田市

city

所在地(町丁目)

location_town

トヨタ町

address_one

所在地(番地以降)

location_street

1

address_two

インボイス登録番号

invoice_id

T1180301018771

カスタム項目作成

5 of 12

#2. フォームでの利用方法

  • イチサンフォーム用の

レイアウトテンプレートを作成

    • 追記必要な記述は次ページ

​

​

6 of 12

#2. フォームでの利用方法

<script>

window.onload = function(){

const mappingNameList = [{ aeName: 'company', ichisanName: 'company_name'},

{ aeName: 'company_id', ichisanName: 'company_id'},

{ aeName: 'company_name_kana', ichisanName: 'company_name_kana'},

{ aeName: 'zip', ichisanName: 'location_zipcode'},

{ aeName: 'location_full', ichisanName: 'location_full'},

{ aeName: 'state', ichisanName: 'location_pref'},

{ aeName: 'city', ichisanName: 'location_city'},

{ aeName: 'address_one', ichisanName: 'location_town'},

{ aeName: 'address_two', ichisanName: 'location_street'},

{ aeName: 'invoice_id', ichisanName: 'invoice_id'},

]

mappingNameList.forEach(e => {

let input = document.querySelector('.' + e.aeName + ' input');

input?.classList.add(e.ichisanName);

});

};

</script>

<script src="https://ichisan.jp/form/lib/ichisanForm.min.js"></script>

<link rel="stylesheet" href="https://ichisan.jp/form/lib/ichisanForm.min.css"/>

①項目名と付与するCSSクラスを

対応付けさせるための記述。

ピンク色の部分を環境の項目名に変更する。

②イチサンフォーム使用のためのスクリプト。

（公式ページ参照）

7 of 12

#2. ※iframeに追加する場合は…

const company = document.querySelector('.PardotFormAccountName input');

company.classList.add('company_name');

const company_id = document.querySelector('.PardotFormHoujinNumber input');

company_id.classList.add('company_id');

​

let script = document.createElement('script');

script.src = 'https://ichisan.jp/form/lib/ichisanForm.min.js';

document.body.appendChild(script);

​

8 of 12

#2. フォームでの利用方法

  • イチサンフォームで取得したい項目を含むフォームを作成
    • 前項で作成したレイアウトテンプレートを使用

9 of 12

#2. フォームでの利用方法

  • 表示、動作確認する

法人名を取得する項目にカーソルを置くと、

会社名候補が表示される旨の記載が表示される。

法人名を入力すると

法人名を入力すると、

候補の法人情報が項目下に表示される。

登録したい法人を候補から選択すると、自動で情報が

プリセットされる。

10 of 12

#3. フォームハンドラーでの利用方法

  • フォームハンドラーへデータ送信しているHTMLを編集
    • スクリプト・CSSを追加
    • フォームにclassを追加

11 of 12

#3. フォームハンドラーでの利用方法

  • 表示、動作確認する
  • ​

法人名を取得する項目にカーソルを置くと、

会社名候補が表示される旨の記載が表示される。

法人名を入力すると、

候補の法人情報が項目下に表示される。

登録したい法人を候補から選択すると、自動で情報が

プリセットされる。

12 of 12

スペシャルサンクス

本マニュアルは@m00koara さんが作成頂きました🎉（完全善意）�本当にありがとうございます。�※コアラさんへのイチサンマニュアルに関する直接の問い合わせはご容赦ください。