[ブログ初期設定][Cocoon]Googleアナリティクス(GA4)を導入してサイト分析を開始する方法

アナリティクス ブログ運営
アナリティクス

Googleアナリティクス(GA4)とは

GoogleアナリティクスはGoogleが提供しているアクセス解析ツールです。

導入することでブログの訪問者数(ユーザー数)、PV(ページビュー数)、流入経路などのデータを取得し分析することができます。

自分のブログがどれだけアクセスされているかを把握し改善を行えるようにしていきます。

Googleアナリティクス(GA4)の導入方法

導入にはGoogleアカウント(Gmailアカウント)が必要となります。

Googleアカウントの作成方法についてはこちらの記事をご覧ください。

▶︎ブログ用のメールアドレスを無料で作成する方法(GoogleアカウントとGmail)

次にGoogleアカウントにログインした状態で、Googleアナリティクスにログインをします。以下URLをクリックしてください。

Redirecting...

クリックすると下記Googleアナリティクスのログイン画面が表示されます。

測定を開始するボタンをクリックします。

アカウントの設定画面が表示されますので必要事項を入力していきます。

作成ボタンをクリックします。

利用規約の同意画面が表示されますので日本を選択して同意するボタンをクリックします。

必要な項目にチェックを入れて保存をします。

ここまででプロパティの作成が完了しました。

続いて「測定ID」を取得するため、データストリームで「ウェブ」を選択します。

注意】今回はGA4用の設定を行っていますが、現Googleアナリティクス(ユニバーサルアナリティクス)の場合は「トラッキングID」というものがプロパティを作成した段階で発行されます。設定の違いについてはご注意ください。今後はGA4が主流になるかと思いますが、念の為ユニバーサルアナリティクス用のプロパティとGA4用のプロパティを2つ作るというのもありかと思います。

後からユニバーサルアナリティクスの設定を追加することも可能です。手順はこちらをご覧下さい。

▶︎[Cocoon]GA4導入済の状態でGoogleアナリティクス(UA)を導入する方法

サイトのドメイン情報を入力してストリームを作成するボタンをクリックします。

「測定ID」が表示されました。こちらをブログに埋め込むことでサイトの情報をGoogleアナリティクスに連携することができるようになります。

Googleアナリティクスの「測定ID」をWordPressに設定する

測定IDをWordPressのテーマから設定します。

まずGoogleアナリティクスに表示されるタグのコードをコピーします。

「Cocoon設定」>「アクセス解析・認証」タブを開き、ヘッダ用コードにコピーしたコードを貼り付けして保存します。私が使っているテーマはCocoonですがそれ以外のテーマについても基本は同じです。<head>タグ内にコードを埋め込むように記述ができれば問題ありません

(<head>タグはHTMLドキュメント全般の情報 (メタデータ)を埋め込むエリアのことです)

注意】Googleアナリティクス用のトラッキングIDを入力する項目がありますが、こちらにGA4用の測定ID”G-XXXXXXX”を記載しても機能してくれません。ヘッダ用コード(<head>タグ内に埋め込む)に入力するようにしましょう。

変更を保存するボタンをクリックします。

するとエラーが表示されました。これはロリポップのWAFが効いてスクリプトの送信がブロックされたという感じですね。。(契約しているレンタルサーバーによってWAFの効き方というのは異なると思います。問題なく更新できた方は読み飛ばしてください)

一時的にWAFを解除して再び登録します。ロリポップのこちらを参考にします。

Just a moment...

【注意】WAF(ウェブアプリケーションファイアウォール)自体は不正なリクエストをブロックしてくれる機能なので、一時的に無効にした後は必ず有効に戻しましょう

気を取り直してWAFの設定を一時的に無効にした後に更新をかけます。

WAFを無効にして5分後くらいに更新をかけたところ無事反映しました。(WAFの設定は有効に戻しています。)

WordPress上の設定はこれで完了です。

Googleアナリティクス「リアルタイムレポート」の確認

正しく測定されているかを確認するために、Googleアナリティクスの左上の方にある「リアルタイム」レポートを表示します。

計測タグを設定してからアクセスされた人数がカウントされました!

このサイトを見てるのは自分だけなので「1」がカウントされていますね。札幌からアクセスしているというのもきちんと取れています。

【補足】

埋め込んだコードについてはサイト上のページで右クリックして「ソースを開く」をクリックするとこのようにHTMLコードが表示されますので、実際に<head>タグ内に埋め込まれていることが確認できます。

続いてGoogleサーチコンソールの設定を行いたいと思いますが、次の投稿とさせていただきます。

▶︎Googleサーチコンソールを導入してサイト分析を開始する方法

▶︎Googleサーチコンソールで[カバレッジ]の[検出 – インデックス未登録]となる場合の原因と対処方法

まとめ

自分のブログにアクセス解析ツールであるGoogleアナリティクス(GA4)を導入する方法のご紹介でした。GA4を導入することによっていつ・誰が・どのくらい・どのページを見たなどの様々な情報を取得することができます。ブログを継続していくにあたって必須の機能となりますので導入の参考にいただければ幸いです。

コメント

タイトルとURLをコピーしました