Google Optimize Addonの使い方

Google オプティマイズを連携する方法
Google オプティマイズで A/B テストを実装する方法

Google オプティマイズを連携する方法

Google Optimize Addonを有効化した後に必要な以下の設定、

Google オプティマイズアカウントの作成
Google アナリティクスとの連携
Google オプティマイズの実装

について説明します。

Google オプティマイズのアカウント作成

Google オプティマイズにアクセスして [利用開始] をクリック
※ Google へのログインを済ませておく
利用規約等に同意した後、コンテナを作成のために [開始] をクリック
名前(コンテナ名)、URL を入力して、テストタイプを選び [作成] をクリック
※ A/B テストを行うものとします

以上で Google オプティマイズのアカウントが作成されました。

Google オプティマイズと Google アナリティクスを連携

ログインしてエクスペリエンス(プロパティのような意味)の選択または [設定] をクリック
Google アナリティクスと連携
※上記ステップで [設定] をクリックした場合

※上記ステップでエクスペリエンスを選択した場合
プロパティのリンクで Google アナリティクスのプロパティを選択後 [リンク] をクリック
リンクされたことを確認
※上記ステップで [設定] をクリックした場合

※上記ステップでエクスペリエンスを選択した場合

以上が Google オプティマイズと Google アナリティクスを連携するステップになります。

Google オプティマイズをサイトに実装

Google オプティマイズコンテナID を上記ステップの [設定] 画面からコピー
WordPress に戻り [インサイト] > [設定] > ヘッダーメニューの [コンバージョン] をクリックし GoogleオプティマイズコンテナID を入力
[変更内容を保存] をクリック

以上が Google オプティマイズをサイトに実装するステップになります。

Google オプティマイズで A/B テストを実装する方法

テストするコンテナを選択して [パターンを追加] をクリック
パターンの名前を入力して [完了] をクリック
[編集] をクリックしてサイトの要素を編集

コード編集をせずに直接ページ上でテキストなどの文字を変更することができます。(後述)
また [編集] ボタンをクリックした際に拡張機能のインストールを促されるのでインストールしておいてください。(後述)
※編集画面はダミー

要素の編集を終えたら [保存] をクリック
ページターゲティングとオーディエンスターゲティングを確認
ページターゲティングはテストを実施するページURLの修正や追加、オーディエンスターゲティングはターゲットルールを選択します。
オーディエンスターゲティングは [カスタマイズ] からルールタイプを選択できます。

ルールタイプは Google アナリティクスのユーザー、Google 広告、UTM パラメータ、デバイスカテゴリ、行動、地域、テクノロジーの7つあります。
例えば「行動」を選ぶと、新規ユーザーとリピーターの比較、特定サイトから流入したユーザーをターゲットにしたりできるようになります。
測定と目標の項目で [テスト目標を追加] > [リストから選択] をクリックし「セッション時間」「ページビュー数」「直帰数」から選択

なお副目標を2つ設定できるため、実質は3つの指標を計測可能です。
[開始] ボタンをクリック
各ステップにチェックマークが入っていればエラーもなく準備が整っています。
テストサイトをプレビューでチェックした後に検証を開始しましょう。

A/B テストの検証結果は [レポート] で閲覧可能です。

以上が Google オプティマイズで A/B テストを実装するステップとなります。

Google オプティマイズのテストサイトパターン追加と編集

A/Bテストでは、オリジナルページと比較するページが必要になります。

A:オリジナル
B:オリジナルと比較するページ(パターン)

Google オプティマイズではオリジナルと比較するページを「パターン」と呼んでいます。
このパターンの追加と編集について簡単に説明します。

[パターンを追加]をクリック
パターンの名前を入力して [完了] をクリック
変更箇所のメモのような付け方(例:タイトルのキーワードを変更)だとわかりやすいです。
パターン名はいつでも修正可能です。
パターンが追加されます
パターン名の編集やコピーの作成は3点リーダーをクリック
続いてパターンの編集については [編集] をクリック
オリジナルページがビジュアルエディタとして表示され、編集用のエディタパレットが出現します。
変更したい要素をクリックします。
ここではブログ記事の見出しをクリックしています。
エディタパレットの [要素を編集] をクリック
目的に応じてメニューを選択します。
ここでは [テキストを編集] で進めます。
クリックした見出しが編集可能になるのでテキストを変更後に [完了] をクリック
テキスト編集は「解説」⇒「まとめ」としています。
要素が変更されたことを確認してメニューバーの [保存] > [完了] をクリック
ターゲティングとパターンの画面に戻り、パターンの追加と編集が完了