順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理ページ発 3.ZEUS の設定 (5) システム利内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済

最短 5 営業で決済機能付きのフォームを公開する順必要な契約株式会社ゼウスと契約 SPIRAL 基本契約 SPIRALAPI オプション ( 分間 10 件以上決済の発が想定される場合 ) 必要なスキル HTML,CSS,PHP 作業数 1 営業デザイン抜きの場合必要最低限の順のみ公開しております要件に合わせて変更してください現時点の仕様を記載しております仕様変更による動作保証はしておりませんご了承ください 1

順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理ページ発 3.ZEUS の設定 (5) システム利内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 2

1. 必要な契約の準備 1. 契約の流れ ZEUS [1. お申込 ] 1 仮申込のご参照 URL:https://secure.cardservice.co.jp/cgi-bin/account/index.cgi 2 申込書類送付仮申込から 1 2 営業でメールにてご案内 3 必要書類と併せてご返送書類不備チェック [2. カード会社審査 /3. 審査結果報告 ] 4 審査審査提出前審査中に追加で資料をいただくケース有 VISA,MASTER: 約 1 3 営業 ( 審査資料によっては 5 7 営業 ) JCB,AMEX: 約 3 6 営業 ( 審査資料によっては 5 10 営業 ) Diners: 約 10 営業審査落ちの場合はお断りのご連絡 [4. システム設定 ] 5IP 発システム設定に関する質問事項に回答をいただいた後 1 2 営業で設定完了 6 納品 [5. テストサービス開始 ] 4

1. 必要な契約の準備 ZEUS 2. お申込み時に必要なもの商業登記簿謄本印鑑証明書 ( コピー可 ) 振込先座の通帳コピー詳細は以下を参照ください http://www.cardservice.co.jp/support/flow.html 5

2.SPIRAL の設定 SPIRAL 当順書では以下フローを作成します以下を POST 送信決済情報申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録以下を GET 送信決済結果申込 No 決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新 7

2.SPIRAL の設定 (1)DB 発 SPIRAL 当順書では以下の DB を使します枠部分の差替えキーワードは当順書でご紹介するソースコード内で利します [SPIRAL マニュアル ] 通常 DB http://support.smp.ne.jp/function/35 9

2.SPIRAL の設定 (2) イベント申込フォーム発イベント申込フォーム発します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新 [SPIRAL マニュアル ] フォーム http://support.smp.ne.jp/function/58 11

2.SPIRAL の設定 (3) 決済後リダイレクトページ発決済後リダイレクトページを発します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新 P.16 3.ZEUS の設定 >(5) 利内容申込で利しますのでメモ帳等にお控えください当順書ではリダイレクトページの設置場所としてフォームを利しますが外部からアクセスできるページであれば設置場所は問いません [SPIRAL マニュアル ] フォーム http://support.smp.ne.jp/function/58 13

2.SPIRAL の設定 (4) 決済結果処理ページ発決済結果処理リダイレクトページを発します当順書では決済結果の受取先にフォームを指定します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新 P.16 3.ZEUS の設定 >(5) 利内容申込で利しますのでメモ帳等にお控えください [SPIRAL マニュアル ] フォーム http://support.smp.ne.jp/function/58 15

3.ZEUS の設定 (5) システム設定内容を申込 ZEUS ZEUS で利したい機能設定内容を申込みますシステム環境の準備が整うと ZEUS より通知がきます当順書で申込内容 ( 部 ) は以下となりますシステム構成リンク型 (Link Point) CGI 利利する CGI コール先 URL:(P.13 で発したフォーム URL) CGI 利パラメータ result( 結果 ) ordd( ゼウス発のオーダ No) sendid( フリーパラメータ ) 決済完了後ページ ( リンク型 PC のみ ) 2. リダイレクト設定をうリダイレクト先 URL (P.12 で発したフォーム URL) リダイレクト秒数 0 秒 17

3.ZEUS の設定 (6)IP コード取得 ZEUS ZEUS で利したい機能の申込後連携に必要な IP コードが通知されます P.22 4. 連携設定 >(8) 決済ページ呼び出しで利します 19

2. 共通設定 (7)API トークン発 SPIRAL スパイラル API を利して決済結果を該当ユーザーの DB 情報を更新します以下のマニュアルに沿ってスパイラル API を発してください http://support.smp.ne.jp/function/161 トークン発から参照ください 21

4. 連携設定 (8) 決済ページ呼び出し P.10 で作成したイベント申込フォームのサンキュページに決済画へ進むボタンを設置します SPIRAL 以下を POST 送信決済情報申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 進む決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録以下を GET 送信決済結果申込 No 決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新 1 変更箇所を変更しイベント申込フォーム > サンキューページに設置 IP コード P.18 で取得した IP コード <form action="https://linkpt.cardservice.co.jp/cgi-bin/credit/order.cgi">  <input type="hidden" name="clientip" value= 1234567890" /> <! 決済額 --> <input type="hidden" name="money" value="%val:usr:money%" /> <! 電話番号 --> <input type="hidden" name="telno" value="%val:usr:phonenumber%" /> <! メールアドレス --> <input type="hidden" name="email" value="%val:usr:email%" /> <! フリーパラメータ ( 申込 No SPIRAL 動発番 ) --> <input type="hidden" name="sendid" value="%val:usr:entryno%" /> <input class="submit" type="submit" name="submit" value=" 参加費払 "> </form> 決済画の呼び出しの詳細は ZEUS から提供されるマニュアルを参照ください 23

4. 連携設定 (9) 決済結果受け取り処理 SPIRAL 決済後 ZEUS より指定した URL(CGI コール先 URL) へ決済結果が GET 送信されますイベント申込 DB の該当レコードへ受け取った決済結果を更新する処理を作成します以下を POST 送信決済情報申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録登録以下を GET 送信決済結果申込 No 決済結果受取 (SPIRAL) イベント申込 DB 更新決済結果を更新決済結果 (CGI コール ) の詳細は ZEUS から提供されるマニュアルを参照ください 25

4. 連携設定 (9) 決済結果受け取り処理 SPIRAL 1 変更箇所を変更し決済結果処理ページ > ページに設置 SPIRAL API トークンタイトル P.20 で発した API トークンタイトル  <?php // 変更箇所 SPIRAL APIトークンタイトル $SPIRAL->setApiTokenTitle("default"); // 申込 No $entryno = $_GET["sendid"]; // ゼウス発のオーダー No $z_ordd = $_GET["ordd"]; // 結果 $resultstring = $_GET["result"]; if($resultstring == "OK"){ $result = "1"; }else{ $result = "2"; } $db = $SPIRAL->getDataBase("zeusEntryDB"); $db->addequalcondition("entryno", $entryno); $db->doupdate(array( "lastupdate" => "now", // 更新時 "z_ordd" => $z_ordd, // [ZEUS] オーダNo ));?> "z_result" => $result // [ZEUS] 結果決済結果 (CGI コール ) の詳細は ZEUS から提供されるマニュアルを参照ください 26

5. 動作確認 SPIRAL 1 イベント申込 (P.10 2.SPIRAL の設定 >(2) イベント申込フォーム発で発したフォームへアクセス ) 2 イベント申込後決済ページへ遷移するボタンをクリック 28

5. 動作確認 3 決済実 ZEUS ZEUS 売上管理画にテストカード番号テスト決済時の注意点が掲載されております動作確認時にご確認ください ( 参照 P.31 ) 29

5. 動作確認 SPIRAL 4 イベント申込 DB に申込情報決済結果が登録されていることを確認 < データ操作 (DB オペレーション )> [SPIRAL マニュアル ] データ操作 (DB オペレーション ) http://support.smp.ne.jp/function/46 30

5. 動作確認テスト決済時の注意点を確認 (ZEUS 売上管理画内に記載 ) ZEUS (1)ZEUS 売上管理画にログイン (2) ログイン後左メニューよりテストカード番号管理をクリック 31

5. 動作確認テスト決済時の注意点を確認 (ZEUS 売上管理画内に記載 ) ZEUS (3) 表をクリック (4) テスト決済時の注意点を確認 32