COCOONで、Analyticsの設定が反映されない時

　WordPressの無料のテーマであるCocoonを使った時に、Google-Analyticsが反映されていなかったので、対処してみました。２０２３年１２月現在、Cocoonのバージョン最新であり、WordpressもPHPも最新バージョンです。

　この記事の内容は、２０２３年１２月の時点の記録です。既に、対策されている場合があります。また記事中で、Google-Analyticsの画面がありますが、アップデートされる場合があり、画面が変更になるかもしれません。予めご了承ください。

Cocoonでの設定が、間違っていないか確認
Analyticsの設定を自分で行う
1. Google-Analyticsのhtmlコードを取得
2. 注意点
さいごに

Cocoonでの設定が、間違っていないか確認

Cocoonの設定を確認

　まずは、Cocoonの設定が、間違っていないか確認します。公式のサポートページを閲覧すると、[Cocoonの設定]　⇒　[アクセス解析・認証]　⇒[GoogleAnalyticsの設定]　

ここに、GA４測定IDを入力します。２０２３年現在、Googleのアクセス解析は、UAからGA4に変更になりました。

GA４測定IDは、Analyticsのページで確認できる

　[プロパティ設定] ⇒ [データの収集と修正] ⇒ [データストリーム] ⇒ [自分のブログ]を選択します。

　ブログをクリックすると、次の画面で”測定ID”が出てきます。G-XXXXXXXXXXとい形式の文字列がブログに割り当てられたGA4の番号です。この番号を間違えないようにコピーし、cocoonの設定画面に貼り付けます。保存して、ブログをリロードします。Windowsの場合だと、キャッシュが残っている場合があるので、Ctrlボタンを押しながらF5キーを押してください。キャッシュをクリアし、リロードしてくれます。

ソースプログラムで確認する

　Cocoonで間違いなく設定したけれど、Google-Analyticsに反映されていないという場合は、ブラウザのソースプログラムを確認してみてください。ブラウザの画面で、右クリックすると、[ページのソース表示]が出てきます。

　Htmlのタグのソースプログラムが出てきます。膨大な量の文字列が出てきます。ここで先ほど、調べた[G-XXXXXXXXXX]のコードがあるのか、調べてみます。検索ウィンドウで検索できます。わからない人は、F3キーを押してみてください。検索ウィンドウが出てきます。

　コードが見つかった場合は、キャッシュが残っていてリロードに失敗している可能性があります。見つからない場合は、コードが間違えていないか確認してください。間違えていないが、コードが見つからない場合は、Cocoon側の不具合で、設定が有効になっていません。なので、自分でAnalyticsのhtmlコードをコピーしてきて、反映させなければなりません。

Analyticsの設定を自分で行う

Google-Analyticsのhtmlコードを取得

　Google-Analyticsの画面で、さきほど上で説明した[G-XXXXXXXXXX]が表示されている画面に移動します。画面の下に遷移するとGoogleタグという設定項目があります。一番上の[タグ設定を行う]を選択します。

　タグを自分で実装するのて、[実装手順]をクリックします。

　タグを直接手動で、埋め込むので、[手動でインストールする]を選択します。

　コードが表示されているので、コピーします。下のテストボタンは、コードが正常に設定ができている場合は、正常OKのチェックのアイコンが表示されます。コードが設定できていない場合は、エラーの表示が出力されます。

　Wordpresの管理画面に戻り、[Cocoonの設定]　⇒　[アクセス解析・認証]　⇒[GoogleAnalyticsの設定]に移動し、ヘッダー用コードの部分に、上でコピーしたタグを貼り付けます。貼り付けたら保存ボタンを押して設定を反映させます。

　Google-Analyticsの画面の実装手順のテストボタンがある画面に移動します。テストボタンを教えてエラーにならなければ成功です。

　実際にブログにアクセスしてみてください。Google-Analyticsのリアルタイムのログに、アクセスログが出力されるはずです。

注意点

　実際に手動でコードを入力して設定しましたが、今度Cocoonがアップデートで不具合が修正される場合があります。そうなった場合、GA4のコード[G-XXXXXXXXXX]を入力した項目の設定が反映されて、Analyticsのコードが２重で、ブログに設定されてしまうかもしれません。そうなったら、どちらかを空欄にし、元に戻す必要があります。