ABテスト機能をノーコードで簡単に実現できる VK AB Testing

「VK AB Testing」は、ABテストを実施するためのWordPress用プラグインです。ブロックエディターでABテストを自由に作成でき、ランダムに表示させることができます。文言や画像などバリエーションの違うボタンやCTAを用意して、どちらの方がクリック率が高いか簡単に計測する事ができます。Webサイトや広告などの施策の改善にぜひご活用ください。

購入方法

VK AB Testing は、以下のいずれかの方法で購入・入手できます。製品の機能に違いはないため、ご利用状況やご希望に応じてお選びください。

Vektor Passport を購入

VK AB Testing は、サブスク型ライセンスパッケージ「Vektor Passport」に含まれています。ライセンス有効期間中であれば、VWS マイアカウントからダウンロードして利用できます

VK AB Testing を単品で購入

ブロックエディター対応の他社製テーマをご利用中の方や、Vektor Passport をお持ちでない方は、単品での購入が可能です。

サブスクと買い切りを比較する(クリックで開く)

販売形態Vektor Passport に同梱
サブスクリプション
単体販売
買い切り型
価格Vektor Passport の価格4,950円
ライセンスキー登録必要必要
ライセンスキーVektor Passport に付属VK AB Testing に付属
複数サイトに利用
アップデート *
サポート
(質問・要望はVWS フォーラムに投稿)
*

※表示価格は税込です。

* Vektor Passport ライセンス有効期間中に限ります。

VK AB Testing の特長

連携不要で手軽に使える

解析ツールやマーケティングツールでABテストの実施方法をいろいろ調べたり、外部のABテストツールに課金して設定に頭を悩ませる必要はありません。プラグインを有効化するだけですぐに使えます。

ノーコードで簡単に作成

ABテストパターンの作成は、WordPressのブロックエディターで行いますので、バナー画像、ボタン、メインビジュアル、CTAなど、様々な要素のバリエーション違いをノーコードで簡単に作って試せます。

複数のABテストを登録可能

ABテストは専用のカスタム投稿タイプに登録していきますので、一つのサイト内に複数のABテストを登録する事ができます。さらにそれらをサイト内に複数同時に配置して運用が可能です。

多変量テストが可能

A/B/CやA/B/C/Dなど、ブロックを追加すれば3パターン以上の多変量テストが可能です。また、一時的に B の表示を停止したり、後から E を追加したりも可能です。

集計結果データが一目でわかる

クリック数/表示回数/クリック率などの集計結果は編集画面で確認できます。別途解析ツールを導入したり、結果確認のために外部サイトに移動する必要はありません。

ランダム表示ツールとしても

単に、複数の商品バナー画像などをランダムに表示させる機能として使うこともできます。
あるいは「ABテストはしなくて良いが単にクリック数やクリック率を計測したい」という用途でも使えます。

ページキャッシュにも対応

高速化プラグインなどでページキャッシュを使っているサイトでも、問題なくランダム表示やクリック率のカウントができます。

VK AB Testing のインストール・ライセンスキー登録

zipファイルのダウンロード場所

ライセンスキーは VWS マイアカウント > ライセンスキーでご確認ください。

ダウンロードしたzip形式のファイルをご利用のWordPressの管理画面よりインストールしてください。

プラグインを有効化すると、ライセンスキーが未登録であることを知らせるアラートが表示されます。

「ライセンスキーを登録する」をクリックします。

設定 > VK AB Testing の画面が表示されます。

有効期間中のライセンスキーを入力し、「変更を保存」をクリックしてください。

「認証済」になります。ライセンスキーの登録は以上です。

他のベクトル製品で認証済みの場合

VK Blocks Pro または Lightning G3 Pro Unit ですでにライセンス認証済みであれば、ライセンスキーの入力は不要です。管理画面の 設定 > VK AB Testing にて、「他のベクトル製品で認証済」と表示されます。

VK AB Testing の使い方

ABテストの登録

プラグインを有効化すると、管理画面の左メニューに専用カスタム投稿タイプ「AB Testing」が表示されます。「新規追加」をクリックしてABテストを登録できます。

投稿の編集画面の記事本文欄に、以下のようにABテスト専用ブロックが自動的に配置されます。

  • AB Test:親ブロック
    • AB Test Item:1つめのテストアイテムを配置する子ブロック
    • AB Test Item:2つめのテストアイテムを配置する子ブロック

AB TEST アイテムに名前をつけてテストパターンを作成

画面右側 設定サイドバーのパネルの画像

1つめの「AB TEST ITEM名」に識別名を入力します。
デフォルトで入っている固有IDを削除して書き換えましょう。

この識別名は、編集画面下部に表示される統計情報の表(AB Testing Stats)で「アイテム名」として表示されます。

  • デフォルトではブロックの固有IDが表示されています。
  • 「AB TEST ITEM名」は、変更しても計測結果には影響しません。

アイテム名を入力後、
AB Test Item のブロック内に、画像・文章・ボタンなど自由にブロックを配置して、テストパターンを作成します。

下記では例として、コピペで使えるVKパターンライブラリから、『CTA_資料請求とお問い合わせボタン』 を使用して色を変えた2パターンを登録しています。

1つ目のテストアイテムの例として「赤いボタン」などと入力し、一度「保存」して、ページを再読み込みすると、ページ下のアイテム名に反映されていることを確認できます。

下記では、2つ目のテストアイテムの例として「緑のボタン」を設定しています。

  • 編集画面上部に表示されるメッセージ「AB Test Item ‘固有ID…’ は中に何も要素がありません。空のアイテムは表示・計測されません。」は、アイテムを登録すると消えます。
  • 2つ目のテストアイテムを登録せず、1つ目のテストアイテムのみとすることも可能です。

必要に応じてクリックターゲットIDを設定

画面右側 設定サイドバーのパネルの画像

必要に応じて「クリックターゲットID」を設定します。

クリック対象がAB Test Item ブロック内の特定のボタンなどの場合に設定してください

  • クリック対象が AB Test Item ブロック全体の時は設定は不要です。
  • クリックターゲットIDの入力がない場合は、AB Test Item ブロック全体がクリック領域となります。

クリックターゲットIDには、クリック計測対象のHTMLアンカーに入力した文字列を設定します。

例えば、ボタンのクリックを計測したい場合は、設置したボタンブロックの「高度な設定」にあるHTMLアンカーに、任意の文字列を入力します。

HTMLアンカーの例:red_inq_btn

その同じ文字列を、テストアイテムブロックの「クリックターゲットID」に入力します。

  • 対象のブロック外のIDを指定しても計測されますので、ご注意ください。
  • クリックターゲットIDをあとから設定すると、すでに計測された値はリセットされます。

なお、クリックターゲットIDは、計測結果の表の「アイテム名」の()内に表示されます。

AB Test Item ブロックを3つ以上に増やしたい場合

親ブロックの「AB Test」を選択している状態で右下の「+」マークをクリックすれば、AB Test Item ブロックをいくつでも増やせます。

AB Test アイテム の非表示設定

画面右側 設定サイドバーのパネルの画像

AB TEST アイテムを追加後、「非表示設定」をオンにすれば、テストアイテムを個別に非表示にできます。
3つ以上のテストアイテムがあって、ひとつを一時的にランダム表示させたくない時などに設定してください。

非表示にしたテストアイテムは、編集画面上では薄く表示されます。

テストパターンの編集が完了したら「公開」しておく

テストパターンの編集が完了したら「公開」をクリックしておきます。

この時点ではまだウェブサイトのどこにも表示されません。

作成したABテストパターンをテストしたいページに挿入

ABテストを実施したいページの編集画面で作業します。

もし「投稿ページの文末全てに一括で挿入したい」といった場合は、ページ下の『無料プラグイン ExUnit の CTA機能 を活用しよう』を参考にしてください。

ABテストパターンを配置したい箇所に「Call AB Test」ブロックを挿入します。

挿入してすぐは下記の状態になります。

設定サイドバーから、登録しておいたABテストをプルダウンから選びます

ABテストパターンが表示されます。

フロント側に表示されているテストパターンにマウスポインタを重ねると、「編集」が表示します。クリックするとテストパターンの編集が可能です。

集計結果を確認する

集計結果は、投稿タイプ VK AB Testing の一覧画面で確認できます。

  • アイテム名 クリックターゲットIDが設定されている場合()内に表示
  • ビュー数
  • クリック数
  • クリック率
画面幅を狭めると「スクロールできます」が表示する

また、登録した各ABテストパターンの編集画面下部にも表示されます。

計測値のリセット

計測値をリセットしたい時は、編集画面にある計測結果の表の下部にある
計測値をリセット」をクリックします。

同一IPでのアクセスをカウントするかどうか (オプション)

初期状態では、同一IPからのアクセスは一定期間カウントから除外しています。カウントしているかどうかをテストしたい場合、ダッシュボード>設定> VK AB Testing の画面にて『同じIPアドレスからの閲覧回数を有効にする』にチェックを入れることで、同一IPでのアクセスをカウントします。

テスト終了後はチェックを外すのを忘れないようにしましょう。

動的URLパラメータ付与機能

VK AB Testing には、設定でオン・オフが可能な動的URLパラメータ付与機能があります。ヒートマップによる解析などで、表示するアイテムをURLのパラメータで制御したい場合に使用することを想定しています。Clarity や QAアナリティクスなどをご利用の方は、ぜひご活用ください。

この機能を使うには、ダッシュボード > 設定 > VK AB Testing で「動的URLパラメーター」にチェックを入れて変更を保存します。これにより、URLの後ろに?vkabt1=**** とパラメータがつくようになります。

ABテストを複数設置した場合は?vkabt1=****?vkabt2=****?vkabt3=**** と複数のパラーメータがつきます。

無料プラグイン ExUnit の CTA機能 を活用しよう

Vektor,Inc. が提供している多機能プラグイン ExUnit (VK All in One Expansion Unit)CTA機能 を利用すれば、例えば特定の投稿タイプを指定して、複数ある個別ページの文末に一括で AB Testing のテストパターンを設置する、といったことが簡単にできるようになります。ぜひ併せてご活用ください。

ExUnit の有効化 〜 CTA機能に AB Testing を追加する流れ(クリックで開く)

プラグインを有効化

ExUnit は WordPress の公式ディレクトリ掲載プラグインですので、ご利用中の WordPress サイトのダッシュボード > プラグイン > 新規追加 から「VK All in One Expansion Unit」を検索してインストールしていただけます。

STEP
1

CTA機能の有効化を確認

ExUnit有効化設定 の画面で「Call To Action」の項目へチェックを入れ、ページ下部にある「変更を保存」ボタンをクリックし CTA 機能を有効化します。

STEP
2

CTAの設定ページで新規追加

有効化後に左サイドメニューの「投稿」下へ追加される「CTA」の項目をクリック > 「新規追加」から新規作成画面を開きます。

一番上のタイトル入力フォームへの入力内容は、CTA を呼び出す際にプルダウンで選択肢として表示される名前になります。サイト上に表示されることはありません。管理しやすい名前をつけましょう。

STEP
3

AB Testing で登録したテストパターンを呼び出して配置

登録済みのABテストを設置します。

本文に「Call AB Test」ブロックを挿入します。

設定サイドバーから、登録しておいたABテストをプルダウンから選びます。

「公開」を押して、CTA登録が完了します。

次に、どのようなページに表示させるかを設定していきます。

STEP
4

各ページ・記事での CTA 表示設定

A. 表示させたい投稿タイプを一括で指定する場合

管理画面「メイン設定 > CTA」で各ページ、又は記事で表示する CTA を設定すると、全てのページで同一の CTA を表示することができます。

B. 単一のページ・記事それぞれ個別で CTA 表示を設定する場合

各ページ・記事の新規追加・編集画面下にある「CTA設定」のボックスにて表示設定を行うことができます。

STEP
5

VK AB Testing お試し環境

  • テスト環境を無料でお試しいただけます。
  • テスト環境は環境起動時に記載の時間で自動的に消去されます。
  • ユーザー権限は一部制限されています。
  • お試し環境の同時利用者が多い場合、一時的にご利用いただけない場合があります。時間を空けるか、日にちを変えて再度お試しください。

お試し環境のスタート手順(クリックで開く)

テスト環境お試しスタート画面にアクセス

下記ボタンよりスタート画面にアクセスして「ローンチ・デモ」をクリック。

STEP
1

あなただけのお試し環境が立ち上がります

メールアドレスを入力(任意)し、「進む」をクリックします。
砂時計マークのある進行状況の画面に切り替わります。

STEP
2

環境が立ち上がったら管理画面へログイン(自動)

起動完了すると 「WordPressの管理画面にリダイレクトされます」 の画面に切り替わり、そのままもう少し待機すると、自動ログインしてWordPressのダッシュボードにログインします。(もし画面が切り替わらない場合は「Magic Login」ボタンをクリックしてログインしてください。)

STEP
3

テスト環境を自由に触ってみてください。一定時間後にテスト環境は自動消去されます

一部機能は制限されております。それ以外は自由に編集いただけます。
テスト環境は環境起動時に記載の時間後に自動消去されます。

STEP
4

(任意)もしよろしければ、使用感のフィードバックをお願いいたします

お試し終了後、特に手続きは必要ありませんが、下記アンケートより使用感のフィードバックなどをいただけますと幸いです。参考にさせていただきます。

STEP
5

よくある質問

他社のWordPressテーマとの互換性や相性などはありますか?

弊社で他社テーマと組み合わせての検証はしておりませんが、基本的にはブロックエディタに対応しているテーマであればどのテーマでも問題なく利用可能です。

サブスクと買い切りで機能に違いはありますか?

いいえ、どちらで購入されても製品の機能に違いはありません。

サブスクと買い切りでサポートやアップデートに違いはありますか?

サブスクでも買い切りでも、フォーラムでのサポートや、随時最新版へのアップデートが可能です。

ただし、サブスクのベクトルパスポートでご利用の場合は、サポートとアップデートはサブスクの有効期間内に限りご利用いただけます。

ベクトル製品は常に最新バージョンのWordPressに追随し、新機能追加も行なっておりますので、最新版でのご利用を推奨いたします。

VK AB Testing はキャッシュにも対応していますか?サイトではキャッシュ系プラグインを使っています。また、サーバー側のキャッシュも利用しています。

はい、対応しています。ページキャッシュを使用しているサイトでもランダム表示し、クリック率をカウントします。

何度リロードしても表示回数が増えないのですが…

まず、管理ユーザーが閲覧した場合にはカウントしません。また、同一IPアドレスのユーザーも一定期間カウントから除外しています

ご参考:同一IPでのアクセスをカウントするかどうか (オプション)

お問い合わせ・サポート

ご購入前

ご購入前の有償製品の機能や仕様に関するお問い合わせは、こちらからお願いいたします。

ご購入後

ご購入後、使い方・設定方法などに関しては、フォーラムへ投稿してください。
メールなど他の人が見えない所でのやりとりは、他の方からの同じ質問に何度も対応する事になり、それだけ製品の機能追加の開発時間がなくなります。よりよい製品の開発を継続するためにもご協力よろしくお願いいたします。

製品のサポートについてはこちらにまとまっております。

ベクトル主要製品パッケージのサブスク型ライセンスです。
一つのライセンスで複数のサイトにご利用いただけます。

買い切りタイプのプラグインです。
一度のご購入で複数のサイトにご利用いただけます。

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP