WordPressでGoogleオプティマイズを追加する方法（2つの簡単な方法）

あなたのWordPressサイトにGoogleオプティマイズを追加したいですか？

Googleオプティマイズは、A/Bスプリットテストを実施することで、サイトオーナーのサイト最適化を支援するGoogleの無料ツールです。ページの2つのバージョンを比較し、どちらがよりコンバージョンが高いか（つまり、より成功しているか）を確認することができます。

この投稿では、WordPressにGoogleオプティマイズを簡単に追加し、スプリットテストを開始する方法を紹介します。

Google オプティマイズとは？

Google オプティマイズは、ページをスプリットテストし、カスタマイザー向けにパーソナライズできる無料ツールです。Google AnalyticsとGoogle Tag Managerの両方にリンクさせることができます。

Google オプティマイズを使えば、ページに変更を加えることでコンバージョン率が上がるかどうかを確認する実験を設定することができる。

例えば、A/Bスプリットテストを実施し、2つのバージョンの販売ページを用意し、どちらがより良いパフォーマンスを示すかを確認することができます。

各ページの見出しを変えたり、オンラインショップの商品画像を変えたりすることができます。スプリットテストを行うことで、コンバージョン率が最も高くなるように徐々にページを最適化していくことができます。

Google オプティマイズでは、ドラッグ＆ドロップのエディターでスプリットテストを作成できます。その後、各バリエーションをランダムに訪問者に表示し、何が最も効果的かについてのデータを収集することができます。

別の方法として、WordPressでスリップテストを実行するためにThrive Optimizeを使用することができます。Thrive OptimizeはThriveテーマスイートの一部であり、Google Optimizeよりも多くのA/Bテスト機能を提供しています。さらに詳しく知りたい方は、WordPressでA/Bスプリットテストを行う方法のガイドで、Googleオプティマイズに代わる方法を紹介していますのでご覧ください。

Google オプティマイズを使うには何が必要か？

WordPress サイトで Google オプティマイズを使用するには、Google アナリティクス アカウントが必要です。また、Googleアナリティクスのトラッキングコードをサイトに設置する必要があります。コードを編集する必要があるため、初心者の方には難しいかもしれません。

Googleアナリティクスとより簡単に接続する方法は、MonsterInsightsを使用することです。MonsterInsightsはWordPressのための最高のアナリティクスプラグインで、Googleオプティマイズアドオンが付属しており、サイト上でGoogleオプティマイズテストを実行するのがとても簡単です。

MonsterInsightsは有料のプラグインで、Googleオプティマイズのアドオンを利用するにはProプランが必要です。MonsterInsightsを購入したくない場合は、無料のプラグインを使用して手動でGoogleオプティマイズを設定する方法もあります。

まず、MonsterInsightsプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、ようこそ画面が表示されます。ウィザードを起動」ボタンをクリックし、チュートリアルの手順に従ってGoogleアナリティクスとWordPressを連携させてください。

WordPressにGoogleアナリティクスをインストールする方法については、こちらをご覧ください。

ということで、WordPressにGoogleオプティマイズをプロ並みに追加する方法を見てみよう。

Google オプティマイズアカウントの設定

次に、Googleオプティマイズのサイトにアクセスし、「始める」ボタンをクリックする。

Googleからのメールを受信するかどうかのプロンプトが表示されます。

その後、必要なオプションをクリックし、この画面の下部にある「次へ」ボタンをクリックする必要があります。

アカウントに特定の設定を選択できるようになりました。推奨設定を使用することをお勧めします。

ドロップダウンメニューからお住まいの国を選択すると、正しい利用規約が表示されますので、本当に〜してもよいですか？これらをクリックして読むと、新しいタブで開くので、セットアップ中に場所を失うことはありません。

チェックボックスは、選択した国によって変わることもあります。

次に、準備ができたらチェックボックスにチェックを入れ、「完了」ボタンが青くなります。それをクリックしてください。その後、GoogleがGoogleオプティマイズのアカウントを設定します。

その一環として、Googleは最初のコンテナを作成した。このコンテナには、あなたの実験（テストとパーソナライゼーション）を格納し、あなたのサイトに接続する必要があります。

ここで最初の実験を作成するよう促されますが、代わりにこの時点でGoogle アナリティクスとGoogle オプティマイズをリンクすることをお勧めします。

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

画面の右側に、「Google アナリティクスにリンク」のステップが表示されます。

ここで下向き矢印をクリックし、「Link property」オプションをクリックする。

次の画面で、リンクしたいサイトを選択します。

ここでサイトが表示されない場合は、Google アナリティクスでの設定を終了する必要があるかもしれません。

リンク」をクリックすると、このようなポップアップが表示されます。

MonsterInsightsを使用してサイトにGoogleオプティマイズを追加する場合は、「とりあえずスキップ」をクリックしてください。

そうでない場合は、コードを表示してコピーしておくとよい。

WordPressサイトにGoogleオプティマイズを追加する（簡単な方法）

WordPressにGoogleオプティマイズを追加する最良の方法は、MonsterInsightsを使用することです。

まず、WordPressダッシュボードからInsights ” Addonsページにアクセスし、Googleオプティマイズアドオンを見つけます。

Googleオプティマイズアドオンの横にある「インストール」ボタンをクリックするだけで、自動的に有効化されます。

アドオンが有効化されたら、Insights ” Settings ” Conversionsページで設定を行います。

ここにGoogleオプティマイズコンテナIDを入力する必要があります。

Googleオプティマイズのダッシュボードの「マイアカウント」セクションのコンテナに表示されています。

また、コンテナのセットアップ中に「コンテナ・セットアップ・パネル」で簡単に見つけることができる。

これをMonsterInsightsに入力するだけで、サイトがGoogleオプティマイズに接続されます。

また、ここで「Google オプティマイズの非同期ページ非表示」を有効化することもできます。この設定により、特に低速接続のユーザーのサイト体験が向上する可能性があります。

少しの間ページを非表示にし、実験中に作成したバリエーションをロードできるようにします。そうしないと、実際に変更される前に通常のコンテンツが読み込まれる可能性があり、ユーザーから見てページが「ちらつく」ことになります。

Google オプティマイズをサイトに接続したら、A/Bテストを開始しましょう。

WordPressサイトにGoogleオプティマイズを手動で追加する

GoogleオプティマイズをWordPressサイトに手動で追加することもできます。この方法は、Googleアナリティクスのコードを手動で修正する必要があるため、初心者にはお勧めできません。

Google アナリティクスのコードをサイトにどのように追加するかによって、この方法は異なります。

Googleオプティマイズをanalytics.jsタグに追加する方法について説明します。

ごく最近アナリティクスを設定した場合は、代わりにグローバルサイトタグ（gtag.js）を使ってGoogleアナリティクスを導入しているかもしれません。この場合、Googleオプティマイズの中にその方法が記載されています。青い「インストーラ」のリンクをクリックすると、手順とコードが表示されます。

Googleタグマネージャ（GTM）を使用している場合は、Googleタグマネージャを使用したオプティマイズのインストールに関するGoogleの説明を参照してください。

analytics.jsタグを使用していると仮定して、インストール手順を説明しよう。

まず、WordPressダッシュボードでGoogleアナリティクスのコードを見つける必要があります。

Optimizeコードが機能するためには、このコードがページのヘッダー部分になければならないことに注意してください。Google アナリティクスをフッターに設置するプラグインやテーマを使用している場合は、代わりにコードをヘッダーに移動する必要があります。

次に、Googleアナリティクスのコードに以下のようにga('require', 'GTM-XXXXXXX');という行を追加し、GTM-XXXXXXXをあなたのオプティマイズコンテナIDに置き換えてください。

<!-- Google Analytics -->
 
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
ga('create', 'UA-XXXXXXXXXX-1', 'auto');
ga('require', 'GTM-XXXXXXX');
ga('send', 'pageview');
</script>
 
<!-- End Google Analytics -->

コード内のUA-XXXXXXXX-1はGoogleアナリティクスのプロパティIDを示します。

完了したら、変更を保存してください。

ヒント：Googleアナリティクスのコードをどこで見つけて編集すればよいかわからない場合は、WPCodeのようなプラグインがインストールされているかどうかを確認するとよいでしょう。

プレミアムWordPressテーマを使用している場合、そのテーマの中にGoogleアナリティクスのコードを設置する場所があるかもしれません。テーマのドキュメンテーションを確認するか、サポートチームにお問い合わせください。

この方法を使用する場合、アンチフリッカーのスニペットコードをサイトに追加する必要があります。MonsterInsightsのようにボタンをクリックするだけではできません。

Google オプティマイズを設定したら、スプリットテストの準備は完了です。Google Optimizeを使ってWordPressでA/Bスプリットテストを行う方法については、こちらのガイドを参考にしてください。

この投稿で、WordPressにGoogleオプティマイズを追加する方法をご理解いただけたでしょうか。また、ブログのトラフィックを増加させる方法についての実績のあるヒントや、サイトを成長させるための最高のWordPressプラグインについての専門家のピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.