【SWELL】Googleアナリティクス(GA4)の設置方法を解説(初心者必見)

【SWELL】Googleアナリティクス(GA4)の設置方法を解説(初心者必見)

こんにちは、ウェガジン運営者のKiona(@wegazine)です。

ちゃんころ

Googleアナリティクスの最新版「GA4」を「WordPressテーマのSWELL(スウェル)」に設置する簡単な方法を紹介します。

SWELLを愛用中のユーザーには必見の情報です。

  • SWELLでGA4のタグ設置方法を知りたい。
  • 設置はできたけど、計測されているか不安。
  • そもそもGA4の設定ってどうやるの?

上記のような悩みや疑問を抱いている方は、当記事を読めば誰でも5分でWordPressテーマ「SWELL」にGA4を設置することができます。
SWELLユーザーでGoogleアナリティクス(GA4)によるアクセス解析を行いたい方は、タグ設置をこの機会に挑戦してみてはいかがでしょうか。

目次

SWELLにGoogleアナリティクスを設置する方法

SWELLにGoogleアナリティクスを設置する方法

Googleアナリティクスの最新版「GA4」を「WordPressテーマのSWELL(スウェル)」に設置する簡単な方法を解説します。

Googleアナリティクス設置前の事前準備

GoogleアナリティクスをSWELLに設置する前に、Googleアナリティクスのアカウント登録が必要です。

Googleアナリティクス最新版GA4のアカウント登録方法」が知りたい方は、下記の記事をご確認ください。

GoogleアナリティクスにブログやWebサイトの登録が完了したら、WordPressテーマのSWELLにGoogleアナリティクスを設置します。
正確には、Googleアナリティクスにアクセスデータを収集するための「トラッキングコード」をSWELLに設置する方法を解説します。

トラッキングコードを確認する(GA4)

Googleアカウントにログインしておきましょう。

Googleアナリティクスの管理画面から「SWELLに設置するトラッキングコード(GA4)」を確認してコピーします。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(UA)の管理画面から解説します。

STEP
GA4のホーム画面
  1. 左側のメニューバーから「歯車マーク(管理)」をクリックします。
GA4のホーム画面
GA4のホーム画面
STEP
GA4の管理画面
  1. プロパティの「データストリーム」をクリックします。
GA4の管理画面
GA4の管理画面
STEP
GA4のデータストリーム画面
  1. データストリームの該当「ストリーム名」をクリックします。
GA4のデータストリーム画面
GA4のデータストリーム画面
STEP
GA4のウェブストリームの詳細画面

「SWELL」推奨のWordPressプラグイン「SEO SIMPLE PAC」から設置する場合

  1. SEO SIMPLE PACプラグインを利用している方は「測定ID」をコピーします。

「SWELL」WordPressテーマの外観カスタマイズによる「高度な設定」から設置する場合

  1. ウェブストリームの詳細で「グローバルサイトタグ(gtag.js)ウェブサイト作成ツールや、CMSでホストされるサイトをご使用の場合、このタグを設定」をクリックします。
  2. 表示された「トラッキングコード」をコピーします。
GA4のウェブストリームの詳細画面
GA4のウェブストリームの詳細画面

トラッキングコードを確認する(GA4)」の解説は以上です。

トラッキングコードを確認する(UA)

Googleアカウントにログインしておきましょう。

Googleアナリティクスの管理画面から「SWELLに設置するトラッキングコード(UA)」を確認してコピーします。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(UA)の管理画面から解説します。

STEP
GA(UA)の管理画面
  1. プロパティの「トラッキング情報」をクリックします。
  1. トラッキング情報の「トラッキングコード」をクリックします。
GA(UA)の管理画面
GA(UA)の管理画面
STEP
GA(UA)のトラッキングコード画面

「SWELL」推奨のWordPressプラグイン「SEO SIMPLE PAC」から設置する場合

  1. SEO SIMPLE PACプラグインを利用している方は「トラッキングID」をコピーします。

「SWELL」WordPressテーマの外観カスタマイズによる「高度な設定」から設置する場合

  1. トラッキングコードの「グローバル サイトタグ(gtag.js)」をコピーします。ウェブストリームの詳細で「グローバルサイトタグ(gtag.js)ウェブサイト作成ツールや、CMSでホストされるサイトをご使用の場合、このタグを設定」をクリックします。
GA(UA)のトラッキングコード画面
GA(UA)のトラッキングコード画面

トラッキングコードを確認する(UA)」の解説は以上です。

SWELLにトラッキングコードを設置する(SEO SIMPLE PAC)

WordPressの管理画面からSEO SIMPLE PACプラグインを利用して「トラッキングコード」を設置する方法を解説します。

SEO SIMPLE PACの導入」がまだの方は、下記の記事をご確認ください。

WordPress(ワードプレス)のログイン画面にアクセスします。

https://ブログサイトのドメイン名/wp-admin/

STEP
WordPressログイン画面
  1. 「ユーザー名」を入力します。
  2. 「パスワード」を入力します。
  3. 「ログイン状態を保存する」をチェックします。
  4. 「ログイン」ボタンをクリックします。
WordPressログイン画面
WordPressログイン画面
STEP
WordPress管理画面(SEO PACK|一般設定)
  1. 管理画面の左側メニューから「SEO PACK」にカーソルを合わせます。
  2. 「一般設定」をクリックします。
WordPress管理画面
STEP
SEO SIMPLE PACK一般設定画面
  1. 「Googleアナリティクス」をクリックします。
SEO SIMPLE PACK一般設定画面
SEO SIMPLE PACK一般設定画面
STEP
SEO SIMPLE PACK一般設定画面(Googleアナリティクス設定)
  1. トラッキングコードの種類「gtag.js」を選択します。(初期値のまま)
  2. 「トラッキングID」または「測定ID」でコピーした「トラッキングコード」をペーストします。
  3. 「設定を保存する」ボタンをクリックします。
SEO SIMPLE PACK一般設定画面(Googleアナリティクス設定)
SEO SIMPLE PACK一般設定画面(Googleアナリティクス設定)

SWELLにトラッキングコードを設置する(SEO SIMPLE PAC)」の解説は以上です。

SWELLにトラッキングコードを設置する(高度な設定)

WordPressの管理画面からSWELL(スウェル)のテーマに「トラッキングコード」を設置する方法を解説します。

WordPressテーマSWELLの導入」がまだの方は、下記の記事をご確認ください。

重要事項

ConoHa WINGを利用中の方は、WAFを停止しないと高度な設定でエラーが発生します。
WAFを停止してから高度な設定を設定し、設定した後に再度WAFを起動してください。

  1. ConoHa WING WAF設定の「利用」チェックを外します。
  2. 「設定を更新する」ボタンをクリックします。
ConoHa WINGを利用中の方は、WAFを停止しないと設定でエラーが発生します。
WAFを停止してからフォームを設定し、設定した後に再度WAFを起動してください。
  • ConoHa WING以外のレンタルサーバーでも同じ事象が発生する場合がありますので、同様にWAFを一時的に停止してから設定してください。

WordPress(ワードプレス)のログイン画面にアクセスします。

https://ブログサイトのドメイン名/wp-admin/

STEP
WordPressログイン画面
  1. 「ユーザー名」を入力します。
  2. 「パスワード」を入力します。
  3. 「ログイン状態を保存する」をチェックします。
  4. 「ログイン」ボタンをクリックします。
WordPressログイン画面
WordPressログイン画面
STEP
WordPress管理画面(外観|カスタマイズ)
  1. 管理画面の左側メニューから「外観」にカーソルを合わせます。
  2. 「カスタマイズ」をクリックします。
WordPress管理画面(外観|カスタマイズ)
WordPress管理画面(外観|カスタマイズ)
STEP
SWELLカスタマイズ画面
  1. 左側のメニューから「高度な設定」をクリックします。
SWELLカスタマイズ画面
SWELLカスタマイズ画面
STEP
SWELLカスタマイズ画面(高度な設定)
  1. 「headタグ終了直前に出力するコード」の枠内にコピーした「トラッキングコード」をペースト(挿入)します。
  2. 「公開」ボタンをクリックします。
SWELLカスタマイズ画面(高度な設定)
SWELLカスタマイズ画面(高度な設定)

SWELLにトラッキングコードを設置する(高度な設定)」の解説は以上です。

WordPressテーマ共通のコード設置方法

WordPressの管理画面からテーマファイルエディターに「トラッキングコード」を設置する方法を解説します。

WordPress(ワードプレス)のログイン画面にアクセスします。

https://ブログサイトのドメイン名/wp-admin/

STEP
WordPressログイン画面
  1. 「ユーザー名」を入力します。
  2. 「パスワード」を入力します。
  3. 「ログイン状態を保存する」をチェックします。
  4. 「ログイン」ボタンをクリックします。
WordPressログイン画面
WordPressログイン画面
STEP
WordPress管理画面(外観|テーマファイルエディター)
  1. 管理画面の左側メニューから「外観」にカーソルを合わせます。
  2. 「テーマファイルエディター」をクリックします。
WordPress管理画面(外観|テーマファイルエディター)
WordPress管理画面(外観|テーマファイルエディター)
STEP
WordPress管理画面(テーマを編集)
  1. 編集するテーマを選択で「親テーマ」を選択します。
  2. 「選択」ボタンをクリックします。
  3. 「テーマヘッダー」をクリックします。
WordPress管理画面(テーマを編集)
WordPress管理画面(テーマを編集)
STEP
WordPress管理画面(テーマヘッダー)
  1. <head>タグの下に「トラッキングコード」をペースト(挿入)します。
  2. 「ファイルを更新」ボタンをクリックします。
WordPress管理画面(テーマヘッダー)

WordPressテーマ共通のコード設置方法」の解説は以上です。

重要事項

テーマのヘッダーファイル「header.php」から編集する場合は下記のリスクに注意してください。

  • WordPressテーマを更新するときにコードがリセットされてしまう
  • コードのペースト位置を間違えてサイト崩れが発生する(元に戻せば直ります)

特に初心者の方は、コードに慣れていないので別の方法を選択しましょう。

Googleアナリティクスで計測されているか確認する方法

Googleアナリティクスで計測されているか確認する方法

トラッキングコードの設置が完了したら、Googleアナリティクスで計測が開始されたか確認します。

計測が開始されていない場合は、設置に問題があるためアクセスデータの収集・蓄積が行われません。
必ず計測が開始されているか確認するようにしてください。

ステータスから確認する(GA4)

Googleアナリティクスの「ステータス情報(GA4)」から確認する方法を解説します。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(GA4)の管理画面から解説します。

STEP
GA4の管理画面
  1. プロパティの「データストリーム」をクリックします。
GA4の管理画面
GA4の管理画面
STEP
GA4のデータストリーム画面
  1. 「過去 48 時間にトラフィックデータを受信しています。」の表示が出ていればOKです。
GA4のデータストリーム画面
GA4のデータストリーム画面

ステータスから確認する(GA4)」の解説は以上です。

リアルタイムレポートから確認する(GA4)

Googleアナリティクスの「リアルタイムレポート(GA4)」から確認する方法を解説します。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(GA4)のホーム画面から解説します。

STEP
GA4のホーム画面
  1. 左側メニューの「レポート」をクリックします。
GA4のホーム画面
GA4のホーム画面
STEP
GA4のレポート画面
  1. 「リアルタイム」をクリックします。
GA4のレポート画面
GA4のレポート画面
STEP
GA4のレポート画面(リアルタイム)
  1. リアルタイムの概要で「過去 30 分間のユーザー」が「1」以上あれば設置が成功しています。
  • 確認する際には自分のスマホやパソコンなどを利用して、設置したブログサイトを閲覧してください。
GA4のレポート画面(リアルタイム)
GA4のレポート画面(リアルタイム)

リアルタイムレポートから確認する(GA4)」の解説は以上です。

ステータスから確認する(UA)

Googleアナリティクスの「ステータス情報(UA)」から確認する方法を解説します。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(UA)の管理画面から解説します。

STEP
GA(UA)の管理画面
  1. プロパティの「トラッキング情報」をクリックします。
  1. トラッキング情報の「トラッキングコード」をクリックします。
GA(UA)の管理画面
GA(UA)の管理画面
STEP
GA(UA)のトラッキングコード画面
  1. ステータスに「過去48時間にトラフィックデータを受信しています。」の表示が出ていればOKです。
GA(UA)のトラッキングコード画面
GA(UA)のトラッキングコード画面

ステータスから確認する(UA)」の解説は以上です。

リアルタイムレポートから確認する(UA)

Googleアナリティクスの「リアルタイムレポート(UA)」から確認する方法を解説します。

Googleアナリティクス管理画面にアクセスします。

Googleアナリティクス(UA)のホーム画面から解説します。

STEP
GA(UA)のホーム画面
  1. 左側メニューの「リアルタイム」をクリックします。
  2. リアルタイムの「概要」をクリックします。
GA(UA)のホーム画面
GA(UA)のホーム画面
STEP
GA(UA)のレポート画面
  1. リアルタイムの概要(サマリー)で「現在」が「1」以上あれば設置が成功しています。
  • 確認する際には自分のスマホやパソコンなどを利用して、設置したブログサイトを閲覧してください。
GA(UA)のレポート画面
GA(UA)のレポート画面

リアルタイムレポートから確認する(UA)」の解説は以上です。

Googleアナリティクスの使い方

Googleアナリティクスの使い方

Googleアナリティクスのトラッキングコード設置が完了し、計測データも取得できたら、Googleアナリティクスの初期設定を行なってアクセス解析しましょう。

Googleアナリティクス(GA4)の基本と初期設定」について、下記の記事で詳しく解説しています。

初期設定が完了したら、解析レポートを見ながらユーザーのサイト内での行動を分析しましょう。

Googleアナリティクス(GA4)のレポートの使い方と見方」について、下記の記事で詳しく解説しています。

まとめ

当記事では「WordPressテーマSWELLにGA4の設置方法」について解説しました。

SWELLを利用している方は、ぜひ参考にしてください。

  • SWELLでGA4のタグ設置方法を知りたい。
  • 設置はできたけど、計測されているか不安。
  • そもそもGA4の設定ってどうやるの?

上記のような悩みや疑問について解説しましたが、解決できましたか?

ブログやWebサイト運営を行なっている方にとって、Googleアナリティクスは重要なアクセス解析ツールです。
Googleアナリティクスは、トラッキングコードを設置した時点からしか計測データの蓄積ができないです。
なので、できる限り早めに設置することをオススメします。

【SWELL】Googleアナリティクス(GA4)の設置方法を解説(初心者必見)は以上となります。
最後までご覧いただきありがとうございました。

【SWELL】Googleアナリティクス(GA4)の設置方法を解説(初心者必見)

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね
  • URLをコピーしました!
  • URLをコピーしました!
目次