ST&E API 導入手順書 ver1.0.1 Save Time & Effort! -1-
- 目次 - P3 前提 P4 Step1 P5 Step2 P6 Step3 P7. P8 導入の前提条件導入対象のHTMLにリンクを設定導入対象のHTMLにhidden 項目を設定 Step1で命名したjsファイルとその中身を作成アップロードお問い合わせ -2-
前提条件 1. ST&E APIのお申込みがしていること 2. ST&E APIキーを取得済みであること 3. 所定の場所からソースコードを取得済みであること 4. ver1.0.1_stande.zipを解凍し 以下のソースが含まれていること ver1.0.1_stande.zip core external index.html sample-1.0.1.js core は 必ずアップロードが必要です external は 既存で使用している場合 そちらをご利用いただいても構いません index.html は 導入ページのイメージとしてご参照ください sample-1.0.1.js は ファイル名およびその中身も貴社の用途に合わせ作成してください -3-
導入対象の HTML にリンクを設定します <head> </head> <meta charset="utf-8"> <link href="external/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet"> <link href="external/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> <link href="core/stande-1.0.1.css" rel="stylesheet"> <script src="external/jquery-3.2.1.min.js"></script> <script src="external/jquery-ui-1.12.1/jquery-ui.min.js"></script> <script src="core/stande-1.0.1.js" charset="utf-8"></script> <script src="sample-1.0.1.js" charset="utf-8"></script> 1 上記のリンクを全て設定してください 2 赤文字のファイル名は任意に設定してくだい -4-
導入対象の HTML に hidden 項目を設定します <form> </form> <input type="hidden" id="corporate_number" name="param_corporate_number"> <input type="hidden" id="phone_number" name="param_phone_number"> <input type="hidden" id="zip_code" name="param_zip_code"> <input type="hidden" id="prefecture" name="param_prefecture"> <input type="hidden" id="city_address" name="param_city_address"> <input type="hidden" id="industry_kbn" name="param_industry_kbn"> <input type="hidden" id="listed_kbn" name="param_listed_kbn"> <input type="hidden" id="capital_kbn" name="param_capital_kbn"> <input type="hidden" id="revenue_kbn" name="param_revenue_kbn"> <input type="hidden" id="employee_kbn" name="param_employee_kbn"> <input type="hidden" id="headquarter_kbn" name="param_headquarter_kbn"> <input type="hidden" id="representative" name="param_representative"> <input type="hidden" id="prefecture_code" name="param_prefecture_code"> <input type="hidden" id="city_code" name="param_city_code"> <input type="hidden" id="city" name="param_city"> <input type="hidden" id="address" name="param_address"> <input type="hidden" id="hp_url" name="param_hp_url"> <input type="hidden" id="fax_number" name="param_fax_number"></head> 法人名 <input type="text" id="corporate_name" name="param_corporate_name" /> <input type="button" id="search_by_name" value=" 検索 "> 1hidden 項目は 用途に合わせ必要なものを設定してください 2id は 任意で設定できます 3name は リクエストパラメータ名を設定してください -5-
Step1 で命名した js ファイルとその中身を作成します $(function() { var mapping = { corporate_name : 'corporate_name', phone_number : 'phone_number', zip_code : 'zip_code', prefecture : 'prefecture', city_address : 'city_address', corporate_number : 'corporate_number', industry_kbn : 'industry_kbn', listed_kbn : 'listed_kbn', capital_kbn : 'capital_kbn', revenue_kbn : 'revenue_kbn', employee_kbn : 'employee_kbn', headquarter_kbn : 'headquarter_kbn', representative : 'representative', prefecture_code : 'prefecture_code', city_code : 'city_code', city : 'city', address : 'address', hp_url : 'hp_url', fax_number : 'fax_number' }; var stande = new Stande( account_id', mapping); stande.searchfromip(); $('#search_by_name').on('click', function() {stande.sendrequest();}); *1 IP 逆引きとはユーザーがページにアクセスした時点で IP から企業を特定し情報をあらかじめ埋めてくれる機能です 固定 IP を取得していない企業の場合 プロバイダー名が初期表示される可能性がありますのでご利用の際はご注意ください 1 用途に合わせ不要な項目を削除 2 赤文字は貴社が設定している id に変更 3 取得したアカウント ID を account_id に設定 4IP 逆引きを利用しない場合は削除 *1 }); -6-
アップロードします core お申込み後に取得したソースをアップロード external 前提を確認し 必要に応じてアップロード 対象.html Step1,2で修正した導入対象のHTMLをアップロード 貴社作成.js Step3で作成した.jsファイルをアップロード -7-
Save Time & Effort! お問い合わせ https://www.b-story.co.jp/contact -8-