Amazon Payに気づかず離脱するユーザを防ぐ方法を知りたいです。（Amazon Pay Tab Attentionのご紹介）

ユーザが離脱しやすいケース

以下のようなケースでユーザが離脱している恐れがあります。
特に新規・ライトユーザはいち早く購入導線へ引き込み、購入完了まで届ける必要があります。

ユースケース

Amazon Pay Tab Attentionとは

スマホスクリーン横にサイドバナーを設置し、ユーザがサイドバナーをクリックすると購入導線まで一気にスクロールダウンするソリューションです。
サイドバナーでは、Amazon Payで簡単に支払うことができることをユーザへ訴求するため、「商品を購入したいけど、入力が面倒」「クレジットカードなど決済が不安」といったユーザの心理的不安を解消する効果が見込めます。

tab attention

導入方法

1.サンプルコードをダウンロード

サンプルコード(amazonpayTabAttention.js)をダウンロード

末尾のサンプルコードの利用規約をご確認のうえ、ご利用ください。

2.サンプルコードをAmazon Payボタンを表示するページへ設置し、以下を参考にロジックを設定

例）Amazon Payボタンを表示するページがショッピングカートページだった場合は、ショッピングカートページへ以下のjavascriptを設置してください。

// ダウンロードし設置したamazonpayTabAttention.jsのファイルパスを設定してください。
<script type="text/javascript" src="amazonpayTabAttention.js"></script>

<script type="text/javascript" charset="utf-8">
        var amazonPayButtonId = 'AmazonPayButton'; // Amazon Payボタンが設定されているId
        var shownSelector = '#payment'; // 設定したSelectorがスクリーン上に表示されたらTab Attentionを表示する。最初からtab attentionを表示する場合は、`body`を設定してください。
        var timeDuration = 10; // Tab Attentionが表示されてから10秒後に非表示にする
        amazonpayTabAttention(amazonPayButtonId).onShown(shownSelector).onInactive(timeDuration);
</script>

3.Amazon Pay Tab Attentionが表示されることを確認

ご留意事項

Amazonは、本ページで紹介している対応案やサンプルコード（以降、本サンプル）の機能または性能に関して、明示的にも黙示的にも、法律上の瑕疵担保責任、商品性の保証および特定目的適合性の保証についての暗黙の保証を含め（ただし、これらに限定されません）、いかなる保証または表明もいたしません。
本サンプルは現状有姿にて提供され、利用者は自己の単独の責任で使用するものとします。
本サンプルの使用に起因または関連する直接的、間接的、結果的、特別、付随的、懲罰的損害賠償（営業権の喪失、事業の中断、利益もしくはデータの逸失、補償費用、コンピュータの障害もしくは故障を含みます。）を含むがこれらに限定されることなく、原因の如何を問わずおよび責任の法理にかかわらず、Amazonが当該損害の可能性につき通知を受けていた場合であっても、Amazonは、いかなる損害に対しても、責任を負いません。
上記を条件に、本サンプルをご利用いただけます。