これにアプローチする方法はたくさんありますが、最も簡単なのは、サードパーティのインテグレーターがWebサイトで使用できる単純なJavaScriptAPIを使用することだと思います。JavaScriptは、チェックボックス(たとえば、に接続されているdiv
かform
、インテグレーターが指定する)を設定し、ユーザーがチェックボックスをオンにしたときにサイトを指すポップアップを開くように設定できます。その後、`ポップアップ内からトランザクションを処理できます。
これは、ユーザーがPaypalボタンを自分のサイトに投げ、ボタンをクリックすると、Paypalのサイトを直接指す新しいウィンドウを開くという基本的なPaypal統合の仕組みにかなり匹敵します(原則として、Paypalはできないため)サードパーティのWebサイトから直接支払いまたはID情報を収集/受け入れます)、トランザクションを説明するいくつかのパラメーター(支払い金額、受取人、アイテムの詳細など)を渡します。
したがって、たとえば、サードパーティは最初に次のようにJavaScriptファイルを含めることでサービスと統合する場合があります。
<script type="text/javascript" src="http://carmonkey.com/api/v1/MonkeyCar.js" />
...そして、APIをサイトの目的の部分に接続するための定型コードを追加する場合があります。
<script type="text/javascript">
var options = {"container": "#someDivId", "userFirstName": "John",
"userLastName": "Smith", "rentalDate":"8/8/12", "duration":"7"};
MonkeyCar.drive(options);
</script>
次に、スクリプトはこれらのオプションを取得し、それらを使用してチェックボックスをターゲットコンテナ要素に追加し、ユーザーがクリックするとポップアップウィンドウがWebサイトの適切なURLに開くようにチェックボックスを構成する必要があります。したがって、次のようなものを追加できます。
<input type="checkbox" name="_monkeyCar" value="true"
onchange="if (this.checked) {MonkeyCar.open('http://carmonkey.com/reserve?fname=John&lname=smith&...');}" />
Book a Rental Car
その後、ポップアップが標準のWebサイトで通常のブラウザセッションを実行しているだけなので、ユーザーは通常どおりレンタカーの予約を完了することができます。
ファンシーになりたい場合は、フィードバックループを追加して、サードパーティのページで実行されているJavaScript APIがトランザクションのステータスに関する更新を取得し、トランザクションが完了/キャンセルされたことを検出して、ホスティングページを更新できるようにすることもできます。状態。