WordPressサイトへのGTM・GA4・GSC設置ガイド(汎用プラグイン版)

新規WordPressサイトに、Google Tag Manager(GTM)・Google Analytics 4(GA4)・Google Search Console(GSC)をまとめてセットアップする手順です。専用の汎用プラグイン「計測基盤セットアップウィザード」を使うことで、コードの手動編集なしに導入できます。

この記事は、4つの工程で完了します

01 GTM

計測タグの土台を作る

02 GA4

アクセス計測を設定

03 GSC

検索データをつなぐ

04 確認

発火と計測をチェック


PREPARATION

事前準備:汎用プラグインの導入

まず計測基盤の土台を準備します。ここではプラグインを導入し、GTM・GA4・GSCを1画面で管理できる状態まで整えます。

  1. wp-adminにログイン(管理者権限が必要)
  2. 「プラグイン」→「新規追加」→「プラグインのアップロード」
  3. analytics-setup-wizard.zip を選択して「今すぐインストール」
  4. 「プラグインを有効化」をクリック
  5. 左メニューに「計測基盤ウィザード」が表示されれば導入完了

このプラグインは、GTM・GSCのコードをサイトに自動で埋め込む役割を持っています。GTM・GA4・GSCそれぞれの管理画面での操作と、ウィザードへのID入力をセットで進めます。

✓ プラグインが自動で行うこと

GTMコードをWordPressへ自動設置

GSCのHTML確認コードを自動設置

GTM・GA4・GSCの設定値を1画面で管理

→ 自分でGoogle側で行うこと

GTMコンテナを作成

GA4プロパティを作成し、GTM内でGoogleタグを設定

GTMを公開し、Search Consoleで所有権を確認

多サイト展開のポイント wp-config.php に以下の定数を定義しておくと、該当項目はウィザード画面を開かずに自動反映されます。サイト構築を自動化するスクリプトからの流し込みにも使えます。

php

define('ASW_GTM_ID', 'GTM-XXXXXXX');
define('ASW_GA4_ID', 'G-XXXXXXX');
define('ASW_GSC_CODE', 'AbCdEfGh12345...');

STEP 01 / 04

Google Tag Manager(GTM)の設置

このSTEPの目的:GA4・GSCにつながる計測タグの土台を作る

完了条件:GTM-XXXXXXX が発行され、WordPress側に設定済みと表示される

この章でやること

GTMアカウント/コンテナ作成 → GTM-IDを取得 → WordPressのウィザードへ入力

ここでは、後のGA4・GSC設定の土台になるGTMを先に整えます。

  1. tagmanager.google.com にアクセス
  2. 「アカウントを作成」をクリック
  3. アカウント名:会社名・屋号などを入力
  4. 国:「日本」に変更
  5. 「Googleや他の人と匿名でデータを共有」のチェックは任意(オフでOK)
  6. コンテナ名:サイトのドメイン(例:xoex.work)を入力
  7. ターゲットプラットフォーム:「ウェブ」を選択
  8. 「作成」→利用規約に同意

作成すると GTM-XXXXXXX 形式のIDが発行されます。表示されるインストール用コードは手動で貼り付ける必要はありません。

  1. WordPressの「計測基盤ウィザード」に戻り、GTMコンテナーIDの欄に貼り付けて保存
  2. 「✓設定済み。サイトに、自動で埋め込まれています。」と表示されれば完了

STEP 02 / 04

GA4の設置

このSTEPの目的:アクセス計測を作り、GTMから全ページへ配信する

完了条件:G-XXXXXXXXXX を取得し、GTMでGoogleタグを作成して「公開」まで完了する

GA4はGTM経由で設定するため、GTM側での作業が必要です(一元管理できるメリットがあります)。

GA4はこの4工程で進めます

01
プロパティ作成

02
測定ID取得

03
GTM設定

04
公開

GA4プロパティの作成

  1. analytics.google.com にアクセス
  2. 「プロパティを作成」
  3. プロパティ名を入力(必須項目。空欄だと「次へ」が押せない)
  4. タイムゾーン:「日本」に変更
  5. 通貨:「日本円」に変更
  6. ビジネス概要を選択して作成、利用規約に同意
  7. データ収集で「ウェブ」を選択
  8. ウェブサイトのURLとストリーム名を入力(ストリーム名は管理用のラベルで、計測結果には影響しない。ドメイン名でOK)
  9. 「ストリームを作成」

G-XXXXXXXXXX 形式の測定IDが発行されます。

  1. WordPressのウィザードに戻り、GA4測定IDの欄に貼り付けて保存(この時点ではまだ計測開始しない)

GTM側でのGA4タグ設定

  1. GTM管理画面で「タグ」→「新規」
  2. タグの種類で「Google タグ」を選択(従来の「GA4設定」タグに相当)
  3. 「タグID」の欄に、先ほどのGA4測定ID(G-XXXXXXXXXX)を入力
  4. タグ名を分かりやすい名前に変更(任意。例:「GA4設定」)
  5. トリガーには「Initialization – All Pages」が自動で設定されるので、そのままでOK
  6. 「保存」

【最重要】公開を忘れずに

  1. GTM画面右上の「公開」ボタンをクリック
  2. 「バージョンの公開と作成」を選択(デフォルトのままでOK)
  3. バージョン名・説明は空欄でも問題なし(そのまま「公開」または「スキップ」)

MOST IMPORTANT

「保存」だけでは計測は始まりません。GTMは必ず「公開」まで。

タグを作成して保存しただけの状態と、実サイトへ公開した状態は別です。ここを飛ばすとGA4は動きません。


WordPressの計測環境を設定するエンジニア

ここまででGTMとGA4は完了。次は「検索からどう見つけられているか」をGSCでつなぎます。

STEP 03 / 04

Google Search Console(GSC)の設置

このSTEPの目的:Google検索での表示・クリック・検索語を確認できる状態にする

完了条件:Search Consoleで対象サイトの所有権確認が完了している

  1. search.google.com/search-console にアクセス
  2. プロパティ切り替えメニュー →「プロパティを追加」
  3. 「URLプレフィックス」を選択し、https://(サイトのドメイン) を入力して「続行」

自動確認されたら、そのままでOK

GTMをすでに設置している場合、「所有権を自動確認しました」と表示されることがあります。GoogleがGTMコードを検知して確認できた状態なので、HTMLタグを追加する必要はありません。

(自動確認されなかった場合のみ、以下の手順が必要)

  1. 確認方法で「HTMLタグ」を選択
  2. 表示される content="..." の引用符の中身だけをコピー
  3. ウィザードのGSC確認コード欄に貼り付けて保存
  4. GSCの画面に戻り「確認」ボタンをクリック

STEP 04 / 04

動作確認:GTMプレビューモードでタグの発火をチェック

このSTEPの目的:設定しただけで終わらせず、実際にGA4タグが配信されているか確認する

完了条件:Tag Assistantで対象タグが「1回配信されました」と表示される

  1. GTM管理画面右上の「プレビュー」をクリック(別タブで「Tag Assistant」が開く)
  2. 「ウェブサイトのURL」に対象サイトのURLを入力し、「リンク」をクリック
  3. 新しいタブでサイトが自動的に開く
  4. 元のTag Assistantのタブに戻り、「概要」や各イベント(初期化など)をクリック
  5. 「配信されたタグ」欄に、作成したタグ(例:GA4設定タグ)が 「1回配信されました」 と表示されていれば成功
  6. 「未配信のタグ」が「なし」であることも確認

💡 デバッグ中に画面左上へ赤字で「接続されていません」と出ることがありますが、これは単に確認画面と実サイトのタブ間の通信状態を示すだけで、一度記録された「配信されたタグ」の結果には影響しません。慌てて再接続する必要はありません。

追加の確認として、GA4管理画面の「リアルタイム」レポートで自分のアクセスが1人分カウントされているかも見ておくと確実です。


FINAL CHECK

4項目そろえば計測基盤は完成です

GTM・GA4・GSC・動作確認を一度に見直し、抜けがなければセットアップ完了です。

項目完了の目安
GTMウィザード画面で「✓設定済み」と表示される
GA4GTM内にタグを作成し、「公開」まで完了している
GSC所有権の確認(自動 or HTMLタグ)が完了している
動作確認Tag Assistantで対象タグが「配信されました」と表示される

TROUBLE SHOOTING

つまずきやすいポイントまとめ

最後に、設定中によく止まりやすい箇所だけをまとめて確認します。該当したところだけ読めば十分です。

  • CASE 01
    GA4プロパティ作成で「次へ」が押せないプロパティ名(必須)が未入力なだけのことが多いので、まず入力欄を確認します。
  • CASE 02
    GTMでタグ名の変更方法が分からないタグ編集画面左上の「名前のないタグ」を直接クリックすると入力欄になります。名前変更は後回しでも動作に影響しません。
  • GA4のタグが発火しない → GTM側で「公開(Publish)」を押し忘れているケースが最多。保存しただけでは反映されない
  • GSCの確認コード欄に何も入力していないのに「確認済み」になった → GTMのタグ設置により自動確認された可能性が高く、正常な状態
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次