メインコンテンツまでスキップ

手順3 - Amazon Payボタンを表示するサイトにjavascriptを設置します

Amazon Payボタンをサイトに表示する際に、以下のjavascriptを設置します

<body>
    <div id="AmazonPayButton"></div>
    <script src="https://static-fe.payments-amazon.com/checkout.js"></script>
    <script type="text/javascript" charset="utf-8">
       amazon.Pay.renderButton('#AmazonSignInButton', ここに手順２で準備した "中身のイメージ" をいれます);
    </script>
</body>

こうすることで、貴社のサイトにAmazon Payボタンが表示されます。

完成イメージ は以下のとおりです。

<body>
  <div id="AmazonSignInButton"></div>
  <script src="https://static-fe.payments-amazon.com/checkout.js"></script>
  <script type="text/javascript" charset="utf-8">
    amazon.Pay.renderButton('#AmazonSignInButton',{
      "merchantId": "xxxxxx",
      "ledgerCurrency": "JPY",
      "sandbox": true,
      "checkoutLanguage": "ja_JP",
      "productType": "SignIn",
      "placement": "Home",
      "buttonColor": "Gold",
      "signInConfig": {
        "payloadJSON": {
          "signInReturnUrl": "http://localhost:3000/getBuyer/",
          "storeId": "amzn1.application-oa2-client.ccxxxxxx",
          "signInScopes": ["name","email","postalCode","shippingAddress","billingAddress","phoneNumber"]
        },
        "signature": "xxxxxx",
        "publicKeyId": "SANDBOX-xxxxxx",
        "algorithm": "AMZN-PAY-RSASSA-PSS-V2"
      }
    });
  </script>
</body>