プラグインを使用せずに Google アナリティクスを WordPress に追加する (高速)

Most WordPress performance issues start the same way: adding “just one more plugin” for a basic task.

Google Analytics プラグインをインストールすると、MonsterInsights や Site Kit などの人気のあるプラグインであっても、単に追跡されるだけではありません。追加のデータベーステーブル、ダッシュボードウィジェット、マーケティングポップアップ、場合によっては数十の追加データベースクエリを WordPress バックエンドに挿入します。

すべては 3 分でインストールできるシンプルな 73 KB のスクリプトです。

If you care about コアウェブバイタル, Time to First Byte (TTFB), and keeping your admin dashboard clean, adding Google Analytics manually is the only way to go.

This guide will show you exactly how to add Google Analytics 4 (GA4) to your WordPress site without a plugin, ensuring it remains lightning fast.

分析プラグインをスキップする理由パフォーマンスコスト

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

データベースの肥大化: 分析プラグインは多くの場合、構成データを保存し、レポートをキャッシュします。 wp_options テーブル。時間が経つと、データベースのクエリが遅くなります。
管理パネルのドラッグ: WordPress ダッシュボード内にインタラクティブなグラフを読み込むと、サーバーリソースが消費されます。管理領域はデータの視覚化ではなく、コンテンツ作成のためにある必要があります。そのための実際の Google Analytics ダッシュボードがあります。
フロントエンドのオーバーヘッド: 一部のプラグインは、特定の統合を機能させるためだけに、Google トラッキングコードと一緒に独自の CSS または JS ファイルを読み込みます。
脆弱性の表面: 追加するすべてのプラグインには潜在的なセキュリティリスクがあります。

手動の方法を使用すると、正確に追加しますゼロサーバーへのオーバーヘッド。

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

WordPress に触れる前に、独自の Google タグが必要です。

にログインします Googleアナリティクスアカウント。
をクリックします。 管理者 左下隅にある歯車アイコン。
プロパティ設定の下で、をクリックします。 データストリーム.
Web サイトのデータストリームを選択します。
下にスクロールして、 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 つの方法があります。使用するのは、 関数.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: に注意してください async Google script タグの属性。これにより、ページのレンダリングをブロックせずに、バックグラウンドでスクリプトをダウンロードするようにブラウザーに指示されます。

貼り付けたら、クリックします アップデートファイル.

ステップ 3: 動作していることを確認する (24 時間待たずに)

正しくインストールされたかどうかを確認するために 1 日待つ必要はありません。

新しい「シークレット」または「プライベートブラウズ」ウィンドウを開きます。
Web サイトのホームページにアクセスし、いくつかのページをクリックします。
Google Analytics ダッシュボードに戻ります。
に移動します レポート > リアルタイム.

少なくとも見るべきだ 1 サイト上のアクティブなユーザー。そうであれば、おめでとうございます。プラグインの肥大化をゼロにしながら GA4 を実装することに成功しました。

要約: より効率的な WordPress

プラグインを使用せずに Google Analytics を追加すると、単に数バイトを節約できるだけではありません。それは建築的な考え方です。サードパーティのマーケティングツールを WordPress データベースと管理パネルから排除することで、よりクリーンで高速、より安全な Web サイトを維持できます。

かさばるプラグインをクリーンな 10 行の関数に置き換えることができるたびに、サイトは高速化されます。そして現代の SEO ではスピードがすべてです。