新しくサイトを立ち上げたとき、Googleアナリティクス(GA4)を導入しようとして手が止まった経験はないでしょうか。
多くの場合、計測タグを設置するにはプラグインを追加するか、テーマファイルを直接編集する必要があります。
テーマファイルを編集する方法は、テーマを更新したときにコードが消えてしまうリスクもあり、初心者にとってはハードルが高い作業です。
Utopiaには、この悩みに応える「アナリティクス設定」という機能がテーマに標準搭載されています。
今回は、この機能で具体的に何ができるのかを紹介します。
GA4測定IDを入力するだけで計測開始
管理画面の「Utopia」メニューから「アナリティクス設定」を開くと、「GA4測定ID」という入力欄があります。
ここに「G-XXXXXXXXXX」の形式の測定IDを入力するだけで、GA4のトラッキングコードがサイト全体に反映される仕組みです。
入力欄が空欄のときは計測が無効になるため、まだGA4を使う予定がない場合は空けておいて、必要になったタイミングで追加すれば問題ありません。
プラグインをインストールしたり、functions.phpにコードを書き足したりする必要がない点が、この機能の大きな特徴です。
トラッキングコードの設置場所を3つから選べる
Utopiaのアナリティクス設定には、GA4測定IDの欄とは別に「トラッキングコードスロット」という項目も用意されています。
具体的には、以下の3つの設置場所にそれぞれコードを貼り付けられます。
- headタグ内コード(headタグの中に出力される)
- bodyタグ直後コード(bodyタグが開始した直後に出力される)
- フッターコード(bodyタグが閉じる直前に出力される)
Googleタグマネージャーやサーチコンソールの所有権確認タグなど、ツールによって推奨される設置場所は異なります。
この3つのスロットを使い分ければ、それぞれの公式手順に沿った位置にコードを配置でき、テーマファイルを直接触らずに済みます。
テーマ標準機能だからこそのメリット
計測タグの管理を専用プラグインに任せる方法もありますが、その分プラグインが増え、管理する項目や更新の手間も増えていきます。
Utopiaのアナリティクス設定は、GA4の設定とその他のトラッキングコードの設置を一つの画面にまとめているため、計測まわりの設定をここだけ見れば把握できるという分かりやすさがあります。
サイトの表示速度への影響を抑えたい場合にも、必要なコードだけを必要な場所に絞って設置できるのは安心材料になるはずです。
こんな場面で役立ちます
たとえば、Googleタグマネージャーを導入する際は、公式の設置手順で「headタグ内」と「bodyタグ直後」の2箇所にそれぞれ別のコードを貼るよう案内されます。
Utopiaのアナリティクス設定なら、この2つの欄にそのままコードを貼り付けるだけで、案内どおりの位置に配置できます。
サーチコンソールの所有権を確認する際に発行される、HTMLタグ形式の確認コードを貼り付ける場合も同様です。
「headタグ内コード」欄に貼っておけば、テーマの子テーマを用意したり、header.phpを直接編集したりする手間はかかりません。
複数のクライアントサイトを運用している制作者にとっても、サイトごとに設置場所や記述方法を調べ直す必要がなく、同じ操作手順で計測環境を整えられるのは効率面で助かるポイントです。
まずは測定IDを入力してみましょう
GA4アカウントをすでにお持ちの方は、管理画面の「Utopia」→「アナリティクス設定」から測定IDを入力し、公開後にGoogleアナリティクスの「リアルタイム」レポートでデータが届いているか確認してみてください。
