サイトが出来上がったら、もう一仕事、設定しておいたほうが良いことがあります。
これから説明する設定をすると、このWebサイトへどんな人がどのくらい、どんな状況で訪問してくれて、パソコンで見ているのかモバイルで見ているのか、目標は達成できているのかなどがわかるようになります。
本来はサイトの仕様決定の前に検討する内容に基づいて設計しておく必要があるのですが、それは別途まとめるとして、今回はデータを取得しなければ始まらないことを重視して、手順をまとめました。
- Google Analytics(グーグルアナリティクス)
- Google Tag Manager(グーグルタグマネージャー)
- Google Search Console(グーグルサーチコンソール)
いろいろ方法はありますが、今回は上記の順番で設定していきます
ちなみに業界では、Googleアナリティクスは「GA」、Googleタグマネージャーは「GTM」、Googleサーチコンソールは「サチコ」と言うらしいです。
これらは全て、Googleアカウントが必要です。
使用したいGoogleアカウントでログインして、同じGoogleアカウントで設定してください。
尚、今回はWordPressでWebサイトを制作している場合を想定して、コードがわからなくても使用できるようにプラグインを使います。
プラグインを使用しない場合やWordPressのサイトでない場合は、コードを指定された場所へ貼り付けても設定できます。
Googleアナリティクスの設定
GoogleアナリティクスはWebサイトに来た訪問者の状況がわかるものです。
(1)Googleアナリティクスサイトの画面右上の「アナリティクスにログイン」からログインします。
初めての方は、次の画面に「お申し込み」ボタンが表示されるので、ボタンを押して申し込んでください。
(2)左下の歯車マーク(管理)を選ぶと、『アカウントを作成』ボタンが表示されるのでクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/3a45be3bba89dd555b55f23cea1aa645.jpg)
(3)アカウントを設定していきます
- アカウント名
- ウェブサイトの名前
- ウェブサイトのURL
- レポートのタイムゾーン(国)
(4)全てを入力して下の『トラッキングIDを取得』をクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/cb13fee955a4f28052e06f96a95a9841-634x1024.jpg)
(5)Googleアナリティクスの利用規約が表示されますのでチェックを入れ同意します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/455ab9c709510e8a93970889d77d3581.jpg)
(6)このサイトのトラッキングIDや埋め込みのためのタグが表示されます。このトラッキングIDを後から使います。
![](http://noce-w.com/note/wp-content/uploads/2018/12/a54b8cba83e89c0b45d8706673567299-1024x510.jpg)
Googleタグマネージャーの設定
(1)Googleタグマネージャーのサイトででアカウントを作成
Googleタグマネージャーにログインすると、『アカウント作成』ボタンがあるのでクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/2b4666622f0b9c680a3865458d2fbf61-1024x281.jpg)
下図のような画面が表示されます
- 「アカウント名」・・・自分でわかりやすい名前(社名など)
- 「国」を選択
- 『続行』ボタンをクリック
![](http://noce-w.com/note/wp-content/uploads/2018/12/3a033fd76a7fda3e0c206a4254117ff4-1.jpg)
(2)コンテナを設定します
- 「コンテナ名」・・・何のサイトか自分でわかりやすい名前
- 「コンテナの使用場所」・・・『ウェブ』
- 『作成』ボタンをクリック
![](http://noce-w.com/note/wp-content/uploads/2018/12/5e030a5a2f0030a08df02b8bbf53069c.jpg)
Googleタグマネージャーの利用規約画面が表示されます。
日本語ではないのですが確認して『はい』ボタンをクリックしてください。
すると、『Googleタグマネージャーをインストール』という下図が表示されます。
このコードを指定された場所へ貼り付けると使用できるのですが、今回はコードがわからなくても使用できるようにプラグインを使います。
何もせずにそのまま『OK』をクリックしてください。
![](http://noce-w.com/note/wp-content/uploads/2018/11/09be5b5ad3f47cd6cb1122b51af836a7.jpg)
(3)これでGoogleタグマネージャーのコンテナができ、コンテナIDもできたので、それをプラグイン”Google Tag Manager”に設定します。
Googleタグマネージャーの画面左上の「←」をクリックすると、アカウント一覧の画面に戻ります。
![](http://noce-w.com/note/wp-content/uploads/2018/12/065f7093dec7a60aa433d1c54081d389.png)
右側の『コンテナID』を次で設定するプラグイン『Google Tag Manager for WordPress』で使用します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/add4a54f26a9673083e8541192054d96-1024x240.jpg)
(4)GoogleタグマネージャーとGoogleアナリティクスの連携
①タグマネージャーの管理画面で『新しいタグ』をクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/d0b7b903521b6c6df7967dec37cb125b-2-1024x572.jpg)
②下図の画面になるので、『タグの設定』をクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/f862d36235f36fe6a282aceb37c58f55-1-1024x645.jpg)
③タグタイプの中から『Googleアナリティクス〜』を選択します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/d63068e7205b3389f17d6a9b8b44229e-1024x533.jpg)
④下図の画面になるので『このタグでオーバーライド設定を有効にする』にチェックを入れる。
![](http://noce-w.com/note/wp-content/uploads/2018/12/1b84db789828604a68b423db2ffed447-1-1024x672.jpg)
⑤チェックを入れると、トラッキングID入力欄が出るので、ここにGoogleアナリティクスの管理画面の『.jsトラッキング情報』ー『トラッキングコード』より「トラッキングID」をコピーして貼り付ける。
![](http://noce-w.com/note/wp-content/uploads/2018/12/2557ec1cf17d51cb06d17d4f91d835d5-1024x620.jpg)
⑥次に、『トリガー』をクリックする。
![](http://noce-w.com/note/wp-content/uploads/2018/12/90764195ce67849471500d39e78e1041.jpg)
⑦『All Pages』をクリックして選択する。
![](http://noce-w.com/note/wp-content/uploads/2018/12/d3f254dcefe2e02aaa328d718568a2a0.png)
⑧わかりやすい名称を設定して『保存』する。
![](http://noce-w.com/note/wp-content/uploads/2018/12/fd4673561d6ba53a102ac41d8332c01d-1024x591.jpg)
⑨保存が完了するとワークスペースの画面に戻ります。
『ワークスペースの変更』欄に先ほど追加した「Googleアナリティクスの設定」タグが増えているのを確認してください。
この状態では、まだこのタグは有効になっていないので注意してください!
タグを有効にするには、右上の『公開』ボタンをクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/55d7f2d23de43faa87889f8ce557d8d1-1024x561.jpg)
⑩現れたこの画面で、『バージョンの公開と作成』になっていることを確認してから「バージョン名」と「バージョンの説明」を記入します。
タグマネージャーにどのような変更をしたのか分かるように履歴を残しておきます。
記入が終わったら、最後に『公開』をクリックするとタグマネージャーが有効になります・
![](http://noce-w.com/note/wp-content/uploads/2018/12/a1b2d934961fe8d2b8099d30d84731f7-1-1024x767.jpg)
プラグイン”Google Tag Manager for WordPress”の設定
プラグイン”Google Tag Manager for WordPress”をインストールして有効化します。
(プラグイン名はDuracellTomi’s Google Tag Manager for WordPressなのだけど、インストール後のプラグイン名のところではGoogle Tag Manager for WordPressと出ます)
(1)プラグインの新規追加で「Google Tag Manager」で検索し、『DuracellTomi’s Google Tag Manager for WordPress』をインストールして有効化します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/72b21ae7e879131f2b773fca310b9f00-1024x414.jpg)
(2)プラグインを有効化すると、『設定』に下図のように「Google Tag Manager」と言う項目が表示されますのでクリックしてください。
![](http://noce-w.com/note/wp-content/uploads/2018/12/8cbaf5fccc1813ce4d0326f0f30a6c81.jpg)
(3)『Google Tag Manager ID』に、上記(3)で取得した『コンテナID』を記入して保存します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/a48de0e3c73c12890c7c9f16db4a5889-1024x541.jpg)
Googleサーチコンソールの設定
GoogleサーチコンソールはWebサイトに来る前にGoogleで検索しているユーザーの状況がわかるものです。自分のWebサイトがどんなどんなキーワードで検索されたかや、検索キーワードの表示順位などを知ることができます。
(1)Google Search Console の画面より、『プロパティを追加』で新しいアカウントを作成します。
![](http://noce-w.com/note/wp-content/uploads/2018/12/95556f927050820ec2ab7666c5378326-1024x95.jpg)
(2)ウェブサイトのURLを入力し、『追加』をクリックすると、Google Search Consoleに登録されます。
![](http://noce-w.com/note/wp-content/uploads/2018/12/eaa190d845d3eab07cc8e218f124413e.png)
(3)GoogleサーチコンソールをGoogleアナリティクスと連携します。
サーチコンソールとの連携は、サイト内にタグを埋め込んだりする必要はありません。
Google サーチコンソールで設定した(A)を連携するには、Google アナリティクスで設定済みの(B)にチェックを入れ『保存』をクリックします。
![](http://noce-w.com/note/wp-content/uploads/2018/12/f590e53cf890105d817bd5b596182707-1024x438.jpg)
ユーザー分析DMP juicerもおすすめ
WP Zoom UP
今回この記事は、WP Zoom UPというオンライン勉強会の
「#6 WP ZoomUP WordPressのアクセス解析!画面を見ながら手順を確認しよう-小杉 聖」の事前準備として作成しました。
講師の小杉聖さん(コスギス代表)にもチェックしていただきました。
ありがとうございます!