どうも!便利です!!
今回は「WordPressで作ったサイトにプラグインを使ってGoogleアナリティクスを設置する方法」をご紹介します!
今回はHTMLファイルにコードを埋め込むなどのやり方はご紹介しません。
理由としては、テーマが変わることがある際にいちいち埋め込み直さなければならないからです。
今回ご紹介する、プラグインを使うことでそういった埋め込み直しの作業がなくなるため効率化できます。
![](https://www.conveni.online/wp-content/uploads/2022/03/07Twitterにブログのアイキャッチ画像が表示されない_-Twitteのキャッシュクリアをする方法-300x158.jpg)
プラグインで設置する前に準備をしよう!
Googleアナリティクス
もちろんGoogleアナリティクスのアカウントを作成しておく必要があります。
Googleアナリティクスの設定方法はこちらの記事を読んでください。
![](https://www.conveni.online/wp-content/uploads/2022/03/09Googleアナリティクスとは?メリットと概要を徹底解説-300x158.jpg)
Googleタグマネージャー
今回プラグインを使う際にGoogleタグマネージャーを通して設置するためアカウントを制作しておく必要があります。
※Googleタグマネージャー記事は後日公開予定
![](https://www.conveni.online/wp-content/uploads/2022/03/便利さん2.png)
Googleタグマネージャーは今後運営をする上でアナリティクスなど管理しやすくなるツールなんだ!
Googleタグマネージャーを利用するメリットは「タグを一元管理でき、めんどくさい単純作業が省略される」と言うことです。
タグマネージャーとGoogleアナリティクスを連携させるメリットとは?
タグマネージャーを利用するメリットは、タグを一元管理できるということですが、とくに同じGoogleが開発しているGoogleアナリティクスとタグマネージャーは親和性が高く、連携がとても簡単です。
Googleアナリティクスは、もともと解析したい全てのページにタグを埋め込む必要がありましたが、タグマネージャーを使用することで、そうしためんどくさい作業を効率化できます。
タグマネージャーとGoogleアナリティクスの連携手順
手順としては以下になります。
- タグマネージャーのタグを設定
- タグマネージャー上でGoogleアナリティクスを設定
1.タグマネージャーのタグを設定
タグマネージャーのアカウントをまだ持っていない方は、まず、タグマネージャーにログインし、「アカウント作成」からアカウントを作成してください。
「アカウント」と「コンテナ」を設定し、作成をクリック。
![Googleタブマネージャーのタグ設定](https://www.conveni.online/wp-content/uploads/2022/03/レイヤー-1-1024x427.jpg)
![Googleタブマネージャーのタグ設定](https://www.conveni.online/wp-content/uploads/2022/03/レイヤー-1-1024x427.jpg)
今回はwebサイトに設置するため、ターゲットプラットフォームは「ウェブ」を選択してください。
![アカウント設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/2.png)
![アカウント設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/2.png)
次に「Googleタグマネージャースペニット」と呼ばれるコードが2つ表示されるのですが、今回はコチラは不要です。
![タグマネージャーのタグを表示](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/3.png)
![タグマネージャーのタグを表示](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/3.png)
2.タグマネージャー上でGoogleアナリティクスを設定
Googleアナリティクスの連携は、タグマネージャー上で設定します。
1.で作成したタグマネージャーのコンテナをクリックし、ワーキングスペースに入ります。
そしてワーキングスペースの「新しいタグを追加」をクリックします。
![新しいタグを追加](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/4.png)
![新しいタグを追加](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/4.png)
タグを選択するのですが、設定したいGoogleアナリティクスに応じて、「Google アナリティクス: ユニバーサル アナリティクス」または「Googleアナリティクス:GA4設定」をクリックします。
※両方設定する場合はもう1つ新しいタグの作成をしてください。
Google アナリティクス: ユニバーサル アナリティクスの場合
「Google アナリティクス: ユニバーサル アナリティクス」のタグを新規追加します。
![タグタイプの選択](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/5.png)
![タグタイプの選択](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/5.png)
ユニバーサル アナリティクスを選択すると以下の画面になります。
上部タイトルをわかりやすいものに変更してください。
次に、Googleアナリティクス設定の項目で「新しい変数」を選択します。
![ユニバーサルアナリティクスの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/6.png)
![ユニバーサルアナリティクスの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/6.png)
「新しい変数」を選択すると以下のような画面になります。
![名前のない変数](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/7.png)
![名前のない変数](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/7.png)
ユニバーサルアナリティクスの場合だとトラッキングIDを入力します。
トラッキングIDはの入力手順は以下です。
- Googleアナリティクスにログイン
- 管理をクリック
- プロパティ列のトラッキング情報
- トラッキングコードにて、UAと数字から成るIDコピペする
![トラッキングID](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/8.png)
![トラッキングID](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/8.png)
UA-xxxxxxxx-yの部分をコピーしてタグマネージャーの先ほどのページに貼り付けます。
変数の名前もわかりやすい名前にしていただいて大丈夫です。
![](https://www.conveni.online/wp-content/uploads/2022/03/image-1-1024x438.png)
![](https://www.conveni.online/wp-content/uploads/2022/03/image-1-1024x438.png)
入力し保存後、先ほどの設定画面に戻ります。
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/10.png)
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/10.png)
最後にトリガーの設定をします。
下のトリガーをクリックします。
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/10.png)
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/10.png)
すべてのページでアナリティクスによる解析を行うのであれば、「All Page」を選択します。
※今回、そのほかはご紹介いたしません。
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/12.png)
![アナリティクスタグの設定](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/12.png)
タグに名前をつけ、保存をクリックすれば完了です。
Googleアナリティクス:GA4設定の場合
Googleアナリティクス:GA4設定をクリックします。
![タグタイプGA4](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/14.png)
![タグタイプGA4](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/14.png)
IDを入力する画面では、ユニバーサルアナリティクスと同様、ログインをしてIDを取得します。
手順は以下です。
- Googleアナリティクスにログイン
- アナリティクスの管理
- プロパティ列のデータストリームをクリック
- Gから始まる推測IDをコピペする
![GA4の測定ID](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/13.png)
![GA4の測定ID](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/13.png)
トリガー設定もユニバーサルアナリティクスと同様「All Page」を選択します。
タグマネージャーで動作確認をする
タグマネージャーの「ワークスペース」→「プレビュー」をクリックします。
![タグマネージャープレビュー](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/15.png)
![タグマネージャープレビュー](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/15.png)
動作確認をしたいページURLを入力します。
![tag-assistant](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/tag-assistant.png)
![tag-assistant](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/tag-assistant.png)
入力すると別のブラウザでページが開かれます。
先ほどのページへ戻りタグが有効になっていることを確認します。
![発火したタグ](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/tags-fired.png)
![発火したタグ](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/tags-fired.png)
このようになっていたら大丈夫です。
確認ができたらワーキングスペースに戻ります。
![公開](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/publishing.png)
![公開](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/publishing.png)
ワーキングスペースに戻り公開をクリックします。
![バージョン名の追加](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/version.png)
![バージョン名の追加](https://www.sakurasaku-labo.jp/wp-content/uploads/2021/02/version.png)
コチラ今回追加したタグなどを公開するにあたってコメントなどを残すものとなっています。
何を追加したのかを記述するとわかりやすいのでおすすめです。
これでタグマネージャーとGoogleアナリティクスの連携手順は終了です。
WordPressプラグインをインストールし設定する
今回は「Google Tag Manager for WordPress」というプラグインを使います。
「Google Tag Manager for WordPress」の設定手順
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-7-600x261.png)
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-7-600x261.png)
まずWordPressの管理画面から「プラグイン」→「新規追加」をクリックします。
その後「Google Tag Manager for WordPress」と入力し「今すぐインストール」→「有効化」します。
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-9-600x461.png)
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-9-600x461.png)
その後、「設定」→「Google Tag Manager」をクリックします。
次にGoogleタグマネージャー管理画面を開いて下さい。
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-11-600x293.png)
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-11-600x293.png)
GoogleタグマネージャーのIDをコピーします。
先ほどの設定画面に戻ります。
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-10-600x336.png)
![](https://ppc-work.biz/ppc/wp-content/uploads/2020/02/001-0-10-600x336.png)
Google Tag Manager IDに先ほどコピーしたIDをペーストし、変更を保存をクリックします。
こちらで設定が完了です。
Googleアナリティクスのリアルタイムで動作確認ができたら正常です。
お疲れ様でした!