Payのアドレス帳とお支払い方法ウィジェットを表示できます。アドレス帳とお支払い方法ウィジェットは、購入者のAmazonアカウントに保存された配送先住所と支払方法がそれぞれ表示されます。Webサイトにアドレス帳ウィジェットを埋め込むには、次のサンプルコードをWebページに追加します。AgreementオブジェクトをDraft状態で生成します。Agreementの詳細のセットと同意の確認」に記載している通りに購入者がサイトでボタンをクリックしてから3時間以内に完了しなければキャンセルになります。ReferenceにagreementTypeパラメータの値を指定しなければなりません。Payインテグレーションガイドを参照してください。アドレス帳とお支払い方法ウィジェットの両方を利用する場合は、ウィジェットコード内の1つのパラメータに'onReady'コールバック関数を指定しなければなりません。Agreementオブジェクトを生成します。関数を呼び出すことでbillingAgreeementIdを取得できます。注意:購入者から収集する住所にAmazonのアドレス帳を使う必要がない場合は、このガイドの「アドレス帳ウィジェット無しのインテグレーション」を参照してください。あなたのWebサイトにお支払い方法ウィジェットを埋め込むには、Webページに次のサンプルコードを追加します。</script>CSSはAmazonが許可しているパラメータの高さと幅のレンジで規定する限りウィジェットの高さと幅はコントロールすることができます。その他のパーセント、REM、EMのようなCSSユニットは規定されているレンジ内の最小と最大の高さと幅である要素である限り使用できます。レスポンシブサイトの場合は次のこれらのステップを参照してください。スマートフォンに最適化された各ページのheadセクションにmetaタグを追加します。このmetaタグは有効な画面サイズでウィジェットが調整するのに有効です。そのため、ユーザーが手動でページのズーム操作をすることなしにスマートフォンで読みやすくなります。maximum-scale=1.0"/>次のサンプルの通りにモバイルファーストデザインで構築するためのCSSメディアクエリを使用することができます。Payのアドレス帳とお支払い方法ウィジェットを生成する場合は、widthとheightパラメータを指定しなければならず、別の方法ではウィジェットは表示されません。次の表は1カラムと2カラムウィジェットのwidthとheightの有効なパラメータです。400px認証に成功した後で、購入者に次のスクリーンショットのようにウィジェットを表示するように指定した場所にアドレス帳ウィジェットが表示されます。上記のスクリーンショットはWebサイト上にアドレス帳とお支払い方法ウィジェットが表示しています。Payは住所と支払方法の選択をそれぞれのonAddressSelectとonPaymentSelectコールバック関数経由で通知します。これらの通知に基づき、購入フローは次のステップへ進むことができます。注文確認ページを採用している場合は、Webページ上の続けるボタンを有効にすることができます。注意:ページ上にアドレス帳とお支払い方法ウィジェットを表示する場合は、最初にお支払い方法ウィジェットを表示する前にonAddressSelectイベントを確認します。Agreementを承認する前に、購入者は住所と支払方法の両方を選択しなければなりません。最初に表示された住所と支払方法が生成された後に購入者が住所選択を変更した場合は、購入者はそれから支払方法を再選択しなければなりません。この意味は、各選択住所に基づきonPaymentSelectを確認しなければなりません。アドレス帳ウィジェットから住所情報を収集する必要がない場合は、「アドレス帳ウィジェット無しのインテグレーション」を参照してください。多くの場合では、配送料を計算するために購入者の配送先住所を入手する必要があります。onAddressSelect通知を受け取った後は、購入者が選択した住所を受け取るためにGetBillingAgreementDetailsを呼び出すことができます。購入者がウィジェットからサポートされていない住所を選択した場合は、あなたはすぐにフィードバックを提供することができます。このシチュエーションでは、購入者がウィジェットと異なる配送先住所を選択する必要がある場合は、彼らにメッセージを表示するべきです。)にアクセスを行います。完全な配送先住所にアクセスするためには、AmazonアカウントでログインボタンかAmazonアカウントでお支払いボタンを利用し、Webページ上に埋め込むために利用しているJavaScriptにpayments:shipping_addressスコープパラメータをセットします。スコープパラメータについての詳しい情報は「Step1:購入者認証用のボタンウィジェット追加」内のENTER_SCOPESセクションを参照してください。Agreementを認証した後にGetBillingAgreementDetailsから完全な配送先住所を受け取れます。Agreementの詳細のセットと同意の確認」を参照してください。購入者が選択した住所を受け取るには、onAddressSelect通知が始まった後にGetBillingAgreementDetails処理を呼び出します。注意:全てのAPIを呼び出すには、正確に動作するための署名がされていなければなりません。キーが必要になります。Keyサブメニューを参照することで入手できます。リクエストパラメータ内にセットしなければなりません。デベロッパーガイドを参照してください。次のサンプルはGetBillingAgreementDetails処理の呼び出し方法を表します。&Signature=gP11oEBaaiQdASWsLDyid18Wn%2BB%2FKZQQtKgpHCtEXAMPLE注文確認する前で完全な配送先住所を取得するためにpayments:shipping_addressスコープパラメータを利用し、「Step1:購入者認証用のボタンウィジェット追加」で取得できる2つパラメータを提示する必要があります。アクセストークンは購入者がログイン承認された場合に返されます。IDはログインボタン、アドレス帳、お支払い方法ウィジェットから生成されます。&AmazonBillingAgreementId=BILLING_AGREEMENT_IDENTIFIERGetBillingAgreementDetails処理のリクエストパラメータとレスポンス要素の内容についての詳しい情報は、AmazonAPIリファレンスガイドにあるGetBillingAgreementDetailsを参照してください。無断複写·転載を禁じます。