はじめに
ボタン野郎では、Google Chromeの拡張機能を追加し、ご利用サイト内のボタンが「改善ボタン」として設定できるかを確認することができます。
また、改善ボタン施策時に、拡張機能を利用して改善ボタンを設定することも可能です。
設定手順
Google Chromeの拡張機能への設定手順を説明します。
1．ダウンロード
ボタン野郎の拡張機能をダウンロードしてください。
(1)拡張機能ダウンロード
以下リンクをクリックし、拡張機能(ZIPファイル)をダウンロードしてください。
拡張機能をダウンロード
(2)ZIPファイルの解凍
ダウンロードした拡張機能(ZIPファイル)を解凍してください。
2．拡張機能追加
ボタン野郎の拡張機能を追加してください。
(1)拡張機能の管理画面表示
Chromeを起動し、右上のその他アイコン ＞ その他ツール ＞ 拡張機能をクリックし、拡張機能の管理画面を表示してください。
図１－１：拡張機能の表示
(2)デベロッパーモード
右上のデベロッパーモードを有効にしてください。
図１－２：デベロッパーモード有効
(3)拡張機能を読み込む
デベロッパーモードを有効化した際に表示されたメニューより、「パッケージ化されていない拡張機能を読み込む」をクリックしてください。ディレクトリ選択ダイアログが表示されるので、1．ダウンロードにてダウンロードした拡張機能のディレクトリを選択してください。
拡張機能の管理画面に、ボタン野郎が表示されましたら、追加作業は無事に完了です。
図１－３：拡張機能読み込み
3．表示固定
アドレスバーにボタン野郎のアイコン が表示されていない場合は、拡張機能から表示を固定にしてください。既に表示されている場合は、この手順は必要ありません。
図２－１：アドレスバーにボタン野郎のアイコンが表示されない場合
(1)拡張機能の表示
右上の拡張機能 をクリックしてください。拡張機能ダイアログに追加された拡張機能が表示されます。
図２－２：拡張機能の表示
(2)ボタン野郎の固定化
ボタン野郎のピン(固定) をクリックしてください。ピン
の色が変更になり、アドレスバーにボタン野郎のアイコン
が表示されます。
図２－３：ボタン野郎の固定化
利用方法
拡張機能の利用方法を説明します。
■設定可否の確認
Chromeにてご利用サイトを表示し、アドレスバーのボタン野郎アイコンをクリックしてください。
「改善対象ボタンを選択してください」と表示された状態で、ボタンにマウスカーソルを合わせると赤い点線にて対象ボタンが囲われます。
図３－１：対象ボタンのマウスオーバー時
この状態でクリックすると改善対象ボタンとして選択され、ポップアップに表示されます。
さらに、ボタンを選択した状態で「差し替えテスト表示」をクリックすると、対象ボタンのテキストを「差し替えテキスト」に変更します。これらの操作が問題なく実施できる場合、対象ボタンはボタン野郎の改善ボタンとして設定することが可能と判断できます。
図３－２：改善対象ボタン選択＆差し替えテスト表示
■改善ボタン設定
カート画面やログインが必要な画面、特定の操作をした後にしかボタンが表示されない場合など、改善ボタン設定画面にてボタン設定できない場合に、拡張機能より対象ボタンを保存し、設定することができます。
ボタン野郎の改善ボタン施策時に、対象ページをChromeの別タブで開き、対象ボタンを表示させる操作を行ってください。その後、アドレスバーのボタン野郎アイコンをクリックしてください。
「改善対象ボタンを選択してください」と表示された状態で、対象ボタンにマウスカーソルを合わせると赤い点線にて囲われます。
図４－１：対象ボタンのマウスオーバー時
この状態でクリックすると改善対象ボタンとして選択され、ポップアップに表示されますので、「保存する」ボタンをクリックしてください。
図４－２：改善対象ボタンを保存する
その後、改善ボタン選択画面にて、「Chrome拡張機能から設定」をクリックしてください。直前に保存したボタン情報が取り込まれ、改善対象ボタンに表示されます。
※改善ボタン設置URLと取り込んだボタン情報のURLが一致しない場合、エラーメッセージが表示されます。
図４－３：拡張機能より改善ボタン設定
注意事項
- 拡張機能は最新バージョンをご利用ください。
2022/4/21時点の最新バージョンは「botanyaro_chrome_extension_v0.9.5」になります。