ブログ

【図解】Googleオプティマイズの設定方法【ブログのABテストが無料】

GoogleオプティマイズでブログのABテストができるって聞いたけど、設定方法がわからない・・・。どうやるのか教えて欲しい。

当記事では上記のような悩みに、ブログ副業歴5年の僕がこたえます。

ジキ

どうも、複業家ブロガーのジキ(@jikky_bongjing)です!

この記事の筆者はこんな人

  • 執筆者は副業ブログ歴5年の現役副業ブロガー。
  • 本業はマーケター(WEBもやる)
  • 会社員も育児も家事もしながらブログ書いてます。
  • 月に20〜40万ほどブログで稼いでいます。
  • 過去20個くらいブログを作ったことがあります。

ブログの成果を改善したり、ノウハウを蓄積するのに、ABテストは必須です。

ジキ

特にアフィリエイトリンクのクリック率の改善で大活躍

ABテストを行うことで、最適なデザインやテキストに近づけることができますので、収益は改善するたびに伸びていきます。

そんなABテストを無料で、かつSEOリスクの心配もなく行うためのツールが「Googleオプティマイズ」です。

Googleオプティマイズとは

Googleが提供している無料のABテストツールです。アナリティクスと連携させて、計測分析を行います。

テストは複数パターンを同時タイミングで実行可能。

オリジナルパターンをもとに、ブラウザ上で、直感的な操作で編集可能です!

例えばリンクのデザインやテキストを変えたり、レイアウトを変えたりしたパターンを作り、同時に配信しながら、クリック率の計測を行うことができます。

また、以下のような画面で、ABテストの測定が可能ですよ。

計測イメージ
ジキ

マジで便利なので、使いこなした方がいいですよw

と言うわけで、今回は、無料でブログのABテストができるGoogleオプティマイズを設定する方法について、わかりやすく解説していきます。

※2021年8月現在、GA4(アナリティクスの新しい版)は対応していないので、ユニバーサル版のみの解説となります。

【図解】Googleオプティマイズの設定方法【ブログのABテストが無料】

それではこれから流れを解説していきます。

今回設定する目標は、以下にしましょう。

特定のページのアフィリエイトリンクのクリック率を改善するためのABテスト

事前準備編0:GoogleChromeを使います

ブラウザはGoogle Chromeを使います。

Google Chromeの拡張機能が必要になりますので、まずはChromeをセットしてください。

事前準備編1:Googleタグマネージャーとアナリティクスの連携・外部リンクの計測設定

まず下準備として、Googleタグマネージャーを利用して、Googleアナリティクスとの連携、外部リンクの計測設定を完了させましょう。

名前だけ聞くととてもややこしそうに聞こえますが、やれば非常に簡単です。

以下の記事で一画面ずつ解説しているので、失敗することはありませんし、外部リンクの測定は非常に便利なので、まだ設定していない方は設定を完了させましょう。

ジキ

10分〜15分くらいでできるはずです!

まず最初にこちらからタグマネージャーでアナリティクスの連携を行ってください。

次はこちら
【図解】Googleタグマネージャーでアナリティクスを設定する方法

GoogleタグマネージャーでGoogleアナリティクスを設定したい!ややこしいから方法を教えて欲しい。 本記事では上記の疑問に答えます。 ジキこんにちは!ジキ(@jikky_bongjing)です! ...

その後、以下の記事を読んで、外部リンクの計測を設定しましょう。

次はこちら
アフィリエイトリンク別にクリック数を計測する方法【スクショ解説】

アフィリエイトリンクのクリック率を改善したいけど、どのアフィリエイトリンクがクリックされているかわからない。 計測する方法ってあるのかな? 当記事では、上記の悩みに答えます。 ジキこんにちは!ジキ(@ ...

ここまで終わったら、以下に進んでください。

事前準備編2:Googleアナリティクスで目標を設定する

次にGoogleアナリティクス内で「目標」を設定します。

まずはアナリティクスのページメニューから、管理を選択します。

管理を選択
管理を選択

そして、ビューの欄の「目標」を選択します。

目標を選択
目標を選択

次の画面で、新しい目標をクリックします。

新しい目標をクリック
新しい目標をクリック

目標設定の画面では、「カスタム」を選択しましょう。

目標の説明設定画面最初
カスタムを選択

目標の名前を入力します。目標スロットIDは基本的にそのままでOK。タイプはイベントを選択して、続行をクリックしましょう。

目標の説明設定画面
目標の説明設定画面

次に目標の詳細の設定です。ここは、補足しながら解説します。

目標詳細設定
目標詳細設定

補足情報

カテゴリーの部分は、「等しい」&「設定したカテゴリー名」を入力し、アクション名では「等しい」&「設定したアクション名」を入力します。

以下記事の解説通りにやっていれば「カテゴリー=外部リンク」・「アクション名=計測したいページのURL」でオッケーです。

おすすめ
アフィリエイトリンク別にクリック数を計測する方法【スクショ解説】

アフィリエイトリンクのクリック率を改善したいけど、どのアフィリエイトリンクがクリックされているかわからない。 計測する方法ってあるのかな? 当記事では、上記の悩みに答えます。 ジキこんにちは!ジキ(@ ...

▼タグマネージャー設定時の画像▼

タグマネージャー設定時の画像

こちらで「保存」をクリックすれば、目標が設定されます。

アナリティクス目標設定完了

目標設定完了画面

こちらで下準備は完了です。

Googleオプティマイズの設定

では早速Googleオプティマイズを設定していきましょう。

まずはGoogleオプティマイズのトップページへ移動します。

そして無料で利用するをクリックしましょう。

オプティマイズのページ
無料で利用するをクリック

Googleアカウントにログインした状態で、次の画面が表示されたら、「利用開始」をクリックします。

オプティマイズのページ
利用開始をクリック

そして中に入っていくと、メルマガ登録の画面になるので、任意で「はい」「いいえ」つけてください。僕は全部チェックつけちゃいました。そして「次へ」をクリック。

メルマガ設定
メルマガ設定

その次はアカウントの設定です。上段の3つは任意でチェックを入れましょう。僕はこれもチェック入れちゃいました。

そして、国名は「日本」を選択して、下段のチェックは、全部チェックが必要です。そして、完了をクリックしましょう。

アカウント設定の画面
アカウント設定

すると以下の画面に入りますので、「開始」のボタンをクリックしましょう。

オプティマイズログイン画面
「開始」をクリック

するとエクスペリエンス(何するか)を作成する画面が出てくるので、名前のところにテストの名前を入力し(リンクのクリック改善テストとかでOK)、計測したいURLを入力し、ABテストを選択して「作成」のボタンを押しましょう。

エクスペリエンス作成
エクスペリエンス作成

では次の画面で、ABテストを設定していきます。今回の記事では一旦設定のところまで進めたいと思います。

では「パターンを追加」をクリックしましょう。

パターンを追加をクリック
パターンを追加をクリック

するとパターン名を入れる画面が出てきます。

パターン名は何でも構いません。ABテストのBのパターンの名前を入れるイメージです。入力が済んだらクリックしましょう。

パターン名入力
パターン名入力

そして、ABテストの編集をしていきます。パターン1の横にある「編集」をクリックしましょう。

パターン編集
パターン編集

すると、グーグルオプティマイズのアプリがChromeに入っていない場合は、アラート画面が出てきますので、インストールします。拡張機能を表示をクリックしましょう。

拡張機能を表示をクリック
拡張機能を表示をクリック

すると別ウィンドウが開き、オプティマイズの拡張機能のインストール画面が開きますので「Chromeに追加」をクリックしましょう。

「Chromeに追加」をクリック
「Chromeに追加」をクリック

確認画面が出てくるので、「拡張機能を追加」をクリックします。すると読み込み時間後にインストールされますので、また先程のオプティマイズの画面にも取りましょう。

拡張機能を追加をクリック
拡張機能を追加をクリック

再度、パターン1の編集をクリックします。

パターンを編集
パターンを編集

すると、先ほど指定したURLのページが開きます。この画面で、ボタンの色を変えたり、テキストの変更をしたりなど、Bパターンの制作をすることができます。

今回は、一旦「完了」をクリックして、設定のみ済ませてしまいましょう。

Bパターン編集画面
Bパターン編集画面

画面戻って少し下に行くと、「アナリティクスにリンク」というボタンが出てくるので、クリックします。

アナリティクスにリンクをクリック
アナリティクスにリンクをクリック

すると以下の画面が出てくるので、プロパティを選択して、「リンク」をクリックします。

プロパティのリンク
プロパティのリンク

すると以下のように連携設定が完了しますので、次に事前準備した目標をセットします。「テスト目標を追加」をクリックします。

「テスト目標を追加」をクリック
「テスト目標を追加」をクリック

次に、リストから選択をクリックします。

リストから選択をクリック
リストから選択をクリック

すると事前に設定していた目標が出てくるので、そちらを選択します。

目標を選択
目標を選択

以下のような表示になれば成功です。

目標設定完了
目標設定完了

ではページの上部にいき、「開始」のボタンをクリックしましょう!

開始をクリック
開始をクリック

そして、次のアラート画面が出てきたら、さらに「開始」をクリックしましょう。

開始をクリック
開始をクリック

ページ上部が「実行中」と表示されれば、成功です。

実行中となれば成功
実行中となれば成功
ジキ

お疲れ様でした!!

こちらで、設定が完了しました。

あとは、パターンの編集画面でボタンの色を変更したり、テキストを変更したりして、クリック数を計測してきましょう。

今度はGoogleオプティマイズを使って具体的なABテスト実施のための記事も書きますので、お楽しみに!

今回はいじょーです!

僕はTwitterもやっており、複業での気づきや学び、そしてブログで稼いだ経験とか生のノウハウを呟いていくので、ぜひ繋がりましょう!

-ブログ