はじめに
ボタン野郎 β版では、30個の改善ボタン施策を作成することができます。管理画面の右上、または下部にある「新規ボタン作成」ボタンをクリックしてください。「改善ボタン作成」ページが表示されますので、以下手順にて設定してください。
図１：ボタン野郎 管理画面
設定手順
1．URL設定
改善ボタンが設置されているページのURL、コンバージョン計測ページのURLを設定し、対象ページに改善タグを設置してください。
(1)改善ボタン設置URL設定
「改善ボタン名」、「改善ボタン設置URL」を設定してください。
「改善ボタン名」は施策作成後も変更が可能です。
「改善ボタン設置URL」に改善ボタンが設置されているページのURLを設定し、「プレビュー」ボタンをクリックしてください。設定したURLのプレビューが表示されますので、対象ページと一致している場合は「設定を保存して先に進む」ボタンをクリックしてください。
図２－１：改善ボタン設置URL設定
(2)成果（コンバージョン）完了URL設定
成果（コンバージョン）を計測するページを設定する場合は、「完了URLあり」を選択し、「成果（コンバージョン）の種類」、「成果（コンバージョン）完了URL設定」を設定してください。
「成果（コンバージョン）完了URL設定」に成果（コンバージョン）を計測するページのURLを設定し、「プレビュー」ボタンをクリックしてください。設定したURLのプレビューが表示されますので、対象ページと一致している場合は「設定を保存して先に進む」ボタンをクリックしてください。
図２－２：成果（コンバージョン）完了URL設定（「完了URLあり」の場合）
改善ボタンのクリックを計測する場合は、「完了URL設定なし（ボタンクリックのみ計測）」を選択し、「成果（コンバージョン）の種類」を設定してください。完了URLの設定はしないため、「今は設定しない」ボタンをクリックしてください。
図２－３：成果（コンバージョン）完了URL設定（「完了URL設定なし（ボタンクリックのみ計測）」の場合）
「成果（コンバージョン）の種類」は「完了URLあり」または「完了URL設定なし（ボタンクリックのみ計測）」の選択状態により、選択肢が異なります。前者は成果（コンバージョン）を計測するページの種類を、後者は改善ボタンの種類を選択してください。
表１－１：成果（コンバージョン）の種類（「完了URLあり」の場合）
| 分類 | 選択肢 |
|---|---|
| フォーム | 資料請求 お問い合わせ 来店 予約 ダウンロード その他 |
| EC | 会員登録 購入 予約 ダウンロード お気に入り登録 入荷お知らせ まとめ買い |
| その他 | その他 |
表１－２：成果（コンバージョン）の種類（「完了URL設定なし（ボタンクリックのみ計測）」の場合）
| 分類 | 選択肢 |
|---|---|
| アフィリエイト | 購入（ボタンクリックのみ計測） 予約（ボタンクリックのみ計測） ダウンロード（ボタンクリックのみ計測） |
| その他 | その他（ボタンクリックのみ計測） |
(3)改善タグ設置
改善ボタン設置ページに「改善ボタン設置ページ用タグ」を、成果（コンバージョン）完了ページに「成果（コンバージョン）完了ページ用タグ」を、タグ設置場所例を参考にそれぞれ設置してください。改善タグの右上に表示されている 
アイコンをクリックすると、対象の改善タグがクリップボードにコピーされます。
ボタン野郎の改善タグは非同期処理となるため、フラッシングが発生する場合がございます。フラッシングが気になる場合は、対象ページのhead内に「アンチフリッカー スニペット」を設置してください。
※アンチフリッカースニペットは改善タグの前に設置してください。
図２－４：改善タグ設置
対象ページに改善タグを設置しましたら「タグ設置確認」ボタンを押下し、タグが正しく設置されているか確認してください。
対象ページごとに確認結果が表示されます。「タグが正しく設置されています」と表示されたら、「設定を保存して改善ボタン設定に進む」をクリックしてください。
図２－５：タグ設置確認
2．ボタン設定
改善ボタンの設定、及び改善ページの情報を入力してください。
(1)改善ボタン選択
1．URL設定にて「改善ボタン設置URL」に設定したページのプレビューが表示されます。表示されたページより、改善したいボタンにマウスを合わせクリックしてください。選択したボタンが「改善対象ボタン」に表示されます。
対象のボタンが選択できない場合は、Google Chrome拡張機能を利用して設定することが可能です。詳細は「Google Chromeの拡張機能」をご覧ください。
図３－１：改善ボタン選択時
図３－２：改善ボタン選択後
選択した改善対象ボタンが別のページにも表示され、かつテスト対象とする場合は、オプション設定の「まったく同じデザインの別のページのボタンもテスト対象にする」にチェックを入れ、「テスト対象URL」に正規表現にて指定したURLを設定してください。
対象ページに同じ内容のボタンが複数存在し、かつテスト対象とする場合は、オプション設定の「同一ページの同じ内容のボタンもテスト対象にする」にチェックを入れてください。
改善したいボタンを設定しましたら、「設定を保存して先に進む」ボタンをクリックしてください。
(2)改善ページ情報入力
改善ページに対し「1日のUU数」、「1日の成果数」、「商品/サービスの種類」を設定してください。
「1日のUU数」、「1日の成果数」に設定した値により、設定可能なテストパターンの件数が異なります。
図３－３：改善ページ情報入力
「商品/サービスの種類」は以下選択肢より、改善したいボタンが表示されるページの種類を選択してください。
表２：商品/サービスの種類
| 分類 | 選択肢 |
|---|---|
| 商品 | コンピュータ・家電 音楽・本・映画・ビデオ おもちゃ・ゲーム・ホビー・カルチャー スポーツ・レジャー・自動車・オートバイ ファッション・アクセサリー・時計 ビューティー・ヘルスケア 食品・飲料 住まい・インテリア ペット・生き物 事務・店舗用品 花・園芸 チケット・金券・宿泊予約 ベビー用品 タレントグッズ・コミック・アニメグッズ 不動産 その他 |
| サービス | 専門サービス業（法律／税理士／医療等） 技術サービス業（建築士／機械設計／測量等） 生活関連サービス業（美容師／銭湯／冠婚葬祭等） 娯楽業（映画館／レジャー施設等） その他サービス業 |
改善ページの情報を入力しましたら、「設定を保存して先に進む」ボタンをクリックしてください。その後、「設定を保存してクリエイティブ設定に進む」をクリックしてください。
3．クリエイティブ設定
テスト表示率やテストを実施するクリエイティブを設定してください。
(1)テスト条件設定
「テスト表示率」を設定してください。初期値は「100％」です。
スライドバーを移動し、「設定を保存して先に進む」ボタンをクリックしてください。
なお、「1日のUU数」、「テスト可能パターン数」には、2．ボタン設定にて設定した「1日のUU数」、「1日の成果数」より算出した値が表示されます。「テスト可能パターン数」は、(2)クリエイティブ設定にて各クリエイティブのテストパターン数となります。
図４－１：テスト条件設定
(2)クリエイティブ設定
クリエイティブの「色」、「テキスト」、「形」を設定してください。
それぞれで選択可能なテストパターン数は、「テスト条件設定」に表示されている「テスト可能パターン数」です。初期状態として、デフォルトの「色」、「テキスト」、「形」が選択されていますので、それぞれのテストパターンを追加してください。
図４－２：クリエイティブ設定
【色】
色のテストパターンは、予め表示されているお勧めの色にチェックを付けるか、 
アイコンをクリックし、表示された「色選択」より色パターンを追加してください。「色選択」ではカラーパレットの他、デフォルトの色より自動生成した色、カラーコード指定による色を追加することができます。
図４－３：色の選択
また、他のボタンのテストパターンをコピーすることも可能です。「他のボタンのテストパターンをコピーする」をクリックし、プルダウンより対象のボタンを選択し「コピーする」をクリックしてください。
【テキスト】
テキストのテストパターンは、 アイコンをクリックし、表示された「テキスト追加」よりテキストパターンを追加してください。「テキスト追加」では入力欄に対象のテキストを入力し、
アイコンをクリック後、「追加する」ボタンをクリックしてください。
図４－４：テキスト追加
また、他のボタンのテストパターンをコピーすることも可能です。「他のボタンのテストパターンをコピーする」をクリックし、プルダウンより対象のボタンを選択し「コピーする」をクリックしてください。
【形】
形のテストパターンは、予め表示されている形「角丸」「角丸強調」「長方形」「丸」より選択してください。
図４－５：形のパターン
「色」、「テキスト」、「形」のテストパターンを設定しましたら、「設定を保存して先に進む」ボタンをクリックしてください。
(3)クリエイティブ確認
「クリエイティブ設定」にて追加したテストパターンより、「色」、「テキスト」、「形」を選択後、プレビューを表示しクリエイティブを確認してください。
図４－６：クリエイティブ確認
色、テキスト、形をテストパターンより選択し、「プレビュー」ボタンをクリックすると、別タブに改善ページが表示され、改善対象ボタンの色、テキスト、形が指定したテストパターンにて表示されます。
図４－７：クリエイティブ確認例（プレビュー表示時）
テキストの文字数を増やしたらボタン内の文字が改行された、などテストパターンによってはレイアウトが崩れる可能性があります。その場合「追加CSS」にテストパターン適用時のスタイル属性を追加することで、レイアウト崩れを解消することができます。
詳細は「追加CSSについて」をご覧ください。
※「追加CSS」はテストパターンごとにCSSを設定するのではなく、全てのパターンに対し一律に設定されるため、デフォルトのボタンにも設定したスタイルが反映されます。
図４－８：追加CSS
全てのテストパターンのクリエイティブが確認できましたら、「設定を保存して先に進む」をクリックしてください。
(4)その他詳細設定
ボタン野郎では週一で定期レポートメールを配信します。「レポートメール配信日時設定」にて、「曜日」、「時間」を設定してください。
図４－９：定期レポートメール（サンプル）
「フィルタリング設定」では、ユーザーエージェント、IPアドレスをテスト条件に設定することができます。
図４－１０：その他詳細設定
【ユーザーエージェント】
ユーザーエージェントの「変更する」ボタンをクリックすると、「ユーザーエージェント設定」が表示されます。「ユーザーエージェント設定」にて、指定したユーザーエージェントを「テスト対象にする」か「テスト対象から外す」を選択し、対象のユーザーエージェントを選択し アイコンをクリックしてください。 アイコンをクリックすると、対象の正規表現が追加されますので、必要に応じて正規表現を修正し、「設定する」ボタンをクリックしてください。
※正規表現にて複数追加した場合は、OR条件となります。
図４－１１：ユーザーエージェント設定
【IPアドレス】
IPアドレスの「変更する」ボタンをクリックすると、「IPアドレス設定」が表示されます。「IPアドレス設定」にて、テスト対象から外すIPアドレスを設定してください。「IPアドレス」に対象のアドレスを入力し、 アイコンをクリックして追加してください。対象のIPアドレスを追加しましたら「設定する」ボタンをクリックしてください。
※IPアドレスの設定は、アカウント共通の設定となり、全ボタンに対して適用されます。
図４－１２：IPアドレス設定
その他詳細設定を設定しましたら、「設定を保存して先に進む」ボタンをクリックしてください。その後、「設定を保存して確認画面に進む」をクリックしてください。
4．設定確認
ここまでに設定した「URL設定」、「ボタン設定」、「クリエイティブ設定」の内容を確認し、修正が必要な場合は各設定項目の「修正する」ボタンをクリックしてください。「修正する」ボタンをクリックすると、各設定画面が表示されますので、上記を参考に修正してください。
確認が完了しましたら、「上記内容でテストを開始」をクリックしてください。
図５－１：設定確認
設定内容の確認が完了しましたら、「上記内容でテストを開始 」をクリックしてください。
監理画面に戻り、作成したボタンが表示されます。
図５－２：ボタン野郎 管理画面（ボタン追加後）