Yahoo! ストアクリエイターProですべての評価のレビュー確認を簡単にするスクリプト（ストアレビューチェックツール／商品レビューチェックツール）

公開:2024-02-24 16:00
更新:2024-02-26 09:47
編集:jdash2000

概要 ▶ Tampermonkeyの機能拡張で使うuserscriptをMicrosoft Copilotで作ってもらいました

Yahoo! ストアクリエイターProですべての評価のレビュー確認を簡単にするスクリプト（ストアレビューチェックツール／商品レビューチェックツール）

Yahoo!ショッピングのショップを運営するときにYahoo!の「ストアクリエイターPro」を使いますよね。

このストアクリエイターProですが、謎の仕様があります。

それはレビューチェックのページで「悪い★★」と「非常に悪い★」の「低評価」だけの表示がデフォルトになっていることです。

つまり全部のレビューや評価をすぐに見れません。

店舗側からしたら低評価だろうが、高評価だろうが、レビューがあるかどうかをチェックしたいのですが、「低評価」の表示がデフォルトになっていることで、手動で「非常に良い★★★★★」「良い★★★★」「普通★★★」も表示できるようにしなければなりません。

運営側は「低評価の改善をしていただくことを目的とした機能」だから、この仕様を変えることは考えていないようです。（ストアクリエイターProの「［2024年2月］ご意見・ご要望に関する回答」に記載されています）

ということで、ストアクリエイターProですべての評価をすぐにチェックできるスクリプトを作ってみました。

目次 [ 隠す ]

スクリプトを実行できる環境を整える

ウェブページで任意のスクリプトを実行させるためにはブラウザーに機能拡張を入れます。

今回はTampermonkeyという機能拡張をインストールして使います。こちらはGoogle Chromeをはじめ、Microsoft Edge、Apple Safari、Mozilla Firefoxなど主要なブラウザーに対応しています。

説明ページは以下のリンクからご覧ください。

インストールは「店へ行く」ボタンをクリックするとダウンロードページに移動します。

ホーム | Tampermonkey

レビューをすぐに確認できるスクリプトの作り方

まずはスクリプトの設計です。

今回実行したい内容は以下のとおりです。

レビューチェックページで動作するように設定する
絞り込み条件で「悪い★★」「非常に悪い★」にだけチェックが入っている状態から、「非常に良い★★★★★」「良い★★★★」「普通★★★」「悪い★★」「非常に悪い★」のすべてにチェックを入れた状態にします
絞り込み検索をします

細かな話は省きますが、こんな流れで作業をしました。

ストアクリエイターProの管理画面をブラウザーで開きます
開発者ツールでチェックボックスの要素のidや「絞り込み」ボタンのidを調べます
それらの要素がどうなってほしいのかを考えます
Microsoft CopilotにJavaScriptでスクリプトを書くように依頼します

Microsoft Copilotを使わなくても書ける人は良いですが、せっかく無料で使えるなら使った方がいいですね。

ちなみにプロンプトはこんな感じです。

以下のことを実行するJavaScriptのスクリプトを書いてください。
チェックボックスのidが average、good、excellentの要素のすべてのチェックボックスでtrueかどうかを判定してください。
trueではない場合はtrueに変更してください。
buttonのidが filterButton の要素のクリックイベントを発火させてください。

1回で望みのスクリプトが出てこないかもしれません。やりたいことをバラバラで聞いてみて、合体させてもいいかもしれません。もしくは●●はこうしてほしいと追加で依頼すると良いかもしれません。

今回はMicrosoft Copilotから、ほぼ狙ったスクリプトが出てきたので、多少修正して完成としました。

作業時間は全部で15分くらいです。

レビューをすぐに確認できるスクリプトの内容

スクリプトは以下のようになります。やっていることはコメントに書かれています。（コメントもMicrosoft Copilotが書いています）

// ==UserScript==
// @name         Y!ストクリ レビューチェックサポートツール
// @namespace    http://tampermonkey.net/
// @version      2024-02-23
// @description  Yahoo!ショッピングのレビューで非常に良い・良い・普通にチェックを付けて絞り込みボタンをクリックする
// @author       jdash2000（笹川純一）
// @match        https://pro.store.yahoo.co.jp/pro.sokana/review/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=yahoo.co.jp
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    // idがaverage, good, excellentのチェックボックスを取得する
    let checkboxes = document.querySelectorAll("#average, #good, #excellent");
    // チェックボックスが全てcheckedプロパティがtrueかどうかを判定する変数
    let allChecked = true;
    // チェックボックスのcheckedプロパティを確認する
    for (let checkbox of checkboxes) {
        // もし、checkedプロパティがfalseのものがあれば
        if (!checkbox.checked) {
            // allCheckedをfalseにする
            allChecked = false;
            // ループを抜ける
            break;
        }
    }
    for (let checkbox of checkboxes) {
        // checkedプロパティにtrueを設定する
        checkbox.checked = true;
    }
    // button要素をidで取得する
    let filterButton = document.getElementById("filterButton");
    // もし、チェックボックスが全てcheckedプロパティがtrueであれば
    if (allChecked) {
        // button要素のクリックイベントを発火させない
    } else {
        // button要素のクリックイベントを発火させる
        filterButton.click();
    }
})();

■ 補足

idがaverage・good・excellentのチェックボックスが既にチェックが付いている状態（＝true）を確認しているのは、一度絞り込み表示をした後に、再度このスクリプトで絞り込み検索をしないためです。

そうしないと無限に絞り込み検索し続ける可能性があります。