「クリックポスト」タグアーカイブ

更新：「Amazon Pay」の支払手続きをTampermonkeyで自動承認するスクリプト

投稿日時: 投稿者:
返信

AmazonPayの承認画面が変更になり、従来のスクリプトでは動かなくなりました。
通常のフォームタグではなく、疑似要素を使用したものになり、時間差で内容が更新されるなど、よくわからない仕様になっています。
いろいろ眺めていたのですが、埒が明かなかったのでAIに丸投げしました。
以下のコードで承認を自動化できます。

// ==UserScript==
// @name         クリックポスト（AmazonPay）：step2：決済（AmazonPay側）
// @namespace    http://tampermonkey.net/
// @version      2026-05-30
// @description  「続行」テキストの外側にあるrole="button"を自動でクリックします
// @author       You
// @match        https://*.amazon.co.jp/checkout/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    // クリック処理を実行する関数
    function tryClickContinue() {
        // 画面上のすべての role="button" を取得
        const buttons = document.querySelectorAll('[role="button"]');

        for (const button of buttons) {
            // ボタンのテキスト、または子要素のテキストに「続行」が含まれているか確認
            if (button.textContent && button.textContent.includes('続行')) {
                // すでに非表示、または無効化されている場合はスキップ
                if (button.offsetWidth === 0 || button.offsetHeight === 0) continue;

                console.log('「続行」ボタンを検出しました。クリックイベントを発火します。', button);

                // クリックイベントの生成と発火（React等のフレームワークによる制御に対応するためバブリングを有効化）
                const clickEvent = new MouseEvent('click', {
                    bubbles: true,
                    cancelable: true,
                    view: window
                });
                button.dispatchEvent(clickEvent);

                // 1度実行したらこの周期のループは抜ける（必要に応じて監視を止める場合は observer.disconnect() を実行）
                break;
            }
        }
    }

    // Next.jsなどのダイナミックレンダリングに対応するため、定期的にDOMを確認
    const intervalId = setInterval(() => {
        tryClickContinue();
    }, 500); // 0.5秒ごとにチェック

    // ページ遷移等で無限に動き続けるのを防ぐため、一定時間（例: 30秒）で監視をクリアすることも可能
    setTimeout(() => {
        clearInterval(intervalId);
    }, 30000);
})();

クリックポストの支払いで使用していますが、理論上は他のシステム経由でも動くとおもいます。

更新：クリックポストで「Amazon Pay」の支払手続きをTampermonkeyで自動実行するスクリプト

投稿日時: 投稿者:
返信

前の記事から更新しました。
2026年より（？）HTMLコードが変更になっていますので、対応させました。
1つ目は変更無しです。
2つ目と3つ目を更新してください。

// ==UserScript==
// @name         クリックポスト：一時保存（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2023-05-01
// @description  “内容品”が「/skip」ではないお届け先の“支払手続き”を自動で実行します。
// @author       penlabo
// @match        https://clickpost.jp/packages/list
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    onload = function (){
        var line = 1;
        while (1) {
            var elmTarget = document.getElementById('AmazonPayCV2Button' + line);
            if (!elmTarget) return false;
            var elmParent = elmTarget.parentNode;
            var elmPrevious = elmParent.previousElementSibling;
            var elmText = elmPrevious.innerText;
            if (elmText != '/skip') {
                elmTarget.click();
                return false;
            }
            elmParent.style.backgroundColor = 'lightgrey';
            line++;
        }
    };
})();

その後の手続きを実行するものも追記しておきます。

// ==UserScript==
// @name         クリックポスト：決済（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2026-01-06
// @description  決済を実行します。
// @author       penlabo
// @match        https://payments.amazon.co.jp/checkout?*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var target = document.querySelector('#continue-button > span > input');
    target.click();
})();


// ==UserScript==
// @name         クリックポスト：支払手続き完了（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2026-01-06
// @description  支払手続き完了を実行します。
// @author       penlabo
// @match        https://clickpost.jp/amazon_pay/confirm?*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var target = document.querySelector('#payment_buttons > form input[type="submit"]');
    target.click();
})();

これで全自動で処理が進みます。

更新：クリックポストで「Amazon Pay」の支払手続きをTampermonkeyで自動実行するスクリプト

投稿日時: 投稿者:
2

前の記事から更新しました。
一日使用してみまして、実際の挙動を確認したところで修正を行いました。
ボタンをクリックしてページ変移が始まればTampermonkeyでの処理が終わるかと思っていたのですが、ループが進んでいたので明示的に抜けるように変更しました。

// ==UserScript==
// @name         クリックポスト：一時保存（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2023-05-01
// @description  “内容品”が「/skip」ではないお届け先の“支払手続き”を自動で実行します。
// @author       penlabo
// @match        https://clickpost.jp/packages/list
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    onload = function (){
        var line = 1;
        while (1) {
            var elmTarget = document.getElementById('AmazonPayCV2Button' + line);
            if (!elmTarget) return false;
            var elmParent = elmTarget.parentNode;
            var elmPrevious = elmParent.previousElementSibling;
            var elmText = elmPrevious.innerText;
            if (elmText != '/skip') {
                elmTarget.click();
                return false;
            }
            elmParent.style.backgroundColor = 'lightgrey';
            line++;
        }
    };
})();

その後の手続きを実行するものも追記しておきます。

// ==UserScript==
// @name         クリックポスト：決済（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2023-05-01
// @description  決済を実行します。
// @author       penlabo
// @match        https://payments.amazon.co.jp/checkout?*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var target = document.querySelector('#a-autoid-0 > span > input');
    target.click();
})();


// ==UserScript==
// @name         クリックポスト：支払手続き完了（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2023-05-01
// @description  支払手続き完了を実行します。
// @author       penlabo
// @match        https://clickpost.jp/amazon_pay/confirm?*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var target = document.querySelector('#payment_complete_message > input');
    target.click();
})();


これで全自動で処理が進みます。

クリックポストで「Amazon Pay」の支払手続きをTampermonkeyで自動実行するスクリプト

投稿日時: 投稿者:
2

日本郵便のクリックポストは、お届け先毎に支払手続きを実行しなければなりません。
さらに、その先で決済を実行する手続きも必要になります。
件数が多くなると、PCに張り付いて作業しなければならず、操作が面倒です。
ということで、この手続きを自動で実行させようということです。
…が、このスクリプトはお届け先の一覧画面から個別の決済画面に飛ぶだけのものです。
決済を実行するものは近いうちに用意します。

なお、このスクリプトは「Amazon Pay」用に用意したもので、「Yahoo!ウォレット」では動作しません。

このスクリプトは、クリックポストのサイト「一時保存」でお届け先を一覧表示した状態で動作するように制限を設けています。
「まとめ申込み」では動作しません。
ところで、クリックポストでは登録したお届け先を任意に削除することができません。
そこで、誤って登録したり保留したいものなど、支払いを実行したくないお届け先は、内容品を「/skip」に変更してください。
これ以外のお届け先について、支払手続きを自動で実行します。
なお、内容品の変更時には一度決済画面を表示することになりますので、決済用のスクリプトは切っておかないと決済が実行されますのでご注意ください。

この画面の場合、1件目の手続きは実行せず、2件目を実行します。
お届け先の一覧が空になるか、内容品が「/skip」のものだけが残った状態で動作を終了します。

余談ですが、他サイトで紹介されている同様のスクリプトでは、お届け先の全てが処理の対象になっているものしかないと思います。
日本郵便側で受付処理を行うまでは決済が確定することはありませんが、発行済として一覧から消えるため処理済みとして扱ってしまう、追跡番号が発行されることで発送通知を誤って送信してしまう、などの問題に繋がる可能性があります。
有用そうな記事が一つ上がると、内容を精査せずパクり記事が量産されるので本当にたちが悪いと感じます。
便利なものほど、実際に挙動を確認したり、実務への影響を考慮して欲しいところです。

コードは分かりやすいように努めました。
コメントや説明がなければ処理を追えない場合は、このスクリプトは使わない方がよいでしょう。

ブラウザで手続きを自動化するには、拡張機能のTampermonkeyを利用します。
おそらくGreasemonkeyでも動作しますが未確認です。
これらの使い方はここでは説明しませんので、他所で確認してください。

以下のコードを保存してください。

// ==UserScript==
// @name         クリックポスト：一時保存（Amazon Pay）
// @namespace    http://tampermonkey.net/
// @version      2023-04-30
// @description  “内容品”が「/skip」ではないお届け先の“支払手続き”を自動で実行します。
// @author       penlabo
// @match        https://clickpost.jp/packages/list
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    onload = function (){
        var line = 1;
        while (1) {
            var elmTarget = document.getElementById('AmazonPayCV2Button' + line);
            if (!elmTarget) return false;
            var elmParent = elmTarget.parentNode;
            var elmPrevious = elmParent.previousElementSibling;
            var elmText = elmPrevious.innerText;
            if (elmText == '/skip') {
                elmParent.style.backgroundColor = 'lightgrey';
            }
            else {
                elmTarget.click();
            }
            line++;
        }
    };
})();