プラグインを使わずにWordPressにGoogleアナリティクスを追加する方法（高速）

ほとんどの WordPressのパフォーマンス問題は、基本的なタスクのために「あと一つだけプラグインを追加する」ことから始まります。

MonsterInsightsやSite Kitのような人気のあるGoogleアナリティクスプラグインをインストールしても、単にトラッキングができるだけではありません。WordPressのバックエンドに余分なデータベーステーブル、ダッシュボードウィジェット、マーケティングポップアップ、時には数十もの追加データベースクエリを注入することになります。

これらすべては、自分で3分でインストールできるわずか73KBのスクリプトのためなのです。

もしあなたが Core Web Vitals、Time to First Byte (TTFB)、そして管理ダッシュボードをクリーンに保つことを重視するなら、Googleアナリティクスを手動で追加するのが唯一の選択肢です。

このガイドでは、プラグインを使わずにGoogleアナリティクス4 (GA4) を WordPressサイトに追加し、サイトの超高速性を維持する方法を正確に解説します。

なぜアナリティクスプラグインを避けるべきか？パフォーマンスの代償

コードを見る前に、データを見てみましょう。なぜわざわざ手動インストールをする必要があるのでしょうか？

データベースの肥大化： アナリティクスプラグインは、設定データやレポートのキャッシュを wp_options テーブルに保存することがよくあります。時間が経つにつれて、これがデータベースクエリを遅くします。
管理パネルの負荷： WordPressダッシュボード内でインタラクティブなチャートを読み込むと、サーバーリソースを消費します。管理画面はコンテンツ作成のための場所であり、データ可視化のための場所ではありません。そのためのGoogleアナリティクス専用ダッシュボードが別にあります。
フロントエンドのオーバーヘッド： 一部のプラグインは、特定の統合機能を動作させるためだけに、Googleトラッキングコードと一緒に独自のCSSやJSファイルを読み込みます。
脆弱性のリスク： プラグインを追加するたびに、潜在的なセキュリティリスクが増加します。

手動の方法を使用することで、追加される負荷は正確にゼロとなります。

ステップ1：GA4トラッキングコードを取得する

WordPressを操作する前に、固有のGoogleタグが必要です。

Googleアナリティクスの Google Analytics アカウントにログインします。
左下の管理歯車アイコンをクリックします。
プロパティ設定の下にある データストリーム.
をクリックし、ウェブサイトのデータストリームを選択します。
下にスクロールして Googleタグ セクションを表示し、 タグ設定手順を表示.
をクリックします。 手動でインストール タブに切り替えます。

以下のようなコードスニペットが表示されるはずです。

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

このコードブロック全体をコピーしてください。

ステップ2：正しい方法（使用する `functions.php`)

このコードをサイトに追加する方法は2つあります。ここでは functions.php を使用する方法を採用します。

なぜでしょうか？ ファイルを直接編集するのは壊れやすいためです。子テーマを使用せずにテーマを切り替えたり更新したりすると、トラッキングコードが消去されてしまいます。 header.php WordPressのフックを

ファイルで使用する方が、よりクリーンで安全であり、カスタムコードの業界標準となっています。 functions.php 重要な前提条件：

必ず子テーマを使用してください。親テーマに直接追加すると、次回のテーマ更新時に上書きされてしまいます。 WordPressダッシュボードにログインします。

外観 > テーマファイルエディター
に移動します。 右側の「テーマファイル」の下にある.
テーマのための関数 ( を選択します。functions.php).
ファイルの最下部までスクロールします。
以下のPHPスニペットを貼り付け、プレースホルダーのコメントを実際のGA4コードに置き換えてください。

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

function insert_custom_google_analytics() ?>
    <!-- PASTE YOUR GOOGLE TAG CODE HERE -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXXX');
    </script>
<?php }

このスニペットが最適化されている理由を解説します：

add_action('wp_head', ...): This hooks into WordPress right before the </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
20：これは優先順位番号です。20に設定することで（デフォルトは10）、WordPressに対して、このスクリプトをヘッダーシーケンスの中で少し後に読み込むよう指示し、コアCSSや重要なテーマスクリプトを優先させます。
async：Googleスクリプトタグ内の async 属性に注目してください。これにより、ブラウザはページのレンダリングをブロックすることなく、バックグラウンドでスクリプトをダウンロードします。

貼り付けたら、クリックしてください ファイルを更新.