【THE THOR（ザ・トール）】Googleアナリティクス4（GA4）を導入・設定する方法

とうこ（@toko_ouchiworks）です。

この記事では、サイトの分析にかかせないGoogle Analytic（グーグルアナリティクス）のGoogle Analytics 4 プロパティ（GA4）を、WordPressテーマ「THE THOR（ザ・トール）」のサイトに導入・設定する方法について解説します。

現在、多くのWebサイトに導入されているバージョンはユニバーサルアナリティクス（UA）と言いますが、2023年7月に計測を終了することが発表されています。

そのため、今後のサイト分析には、最新バージョンのGoogle Analytics 4 プロパティ（GA4）の導入が必須になります。

THE THORはプラグインを使わず、GA4の計測タグの情報（Googleタグ）をWordPressのカスタマイズ画面で入力するだけなので、とても簡単に設置することができますよ。

この記事がおすすめな方

THE THORを使用していて、UAではなくGA4を導入・設定したい方
THE THORを使用しているが、Googleアナリティクスをまだ導入していない方
THE THORを購入予定の方

[adcode]

Googleアナリティクスを導入・設定するための事前準備

THE THOR（ザ・トール）にGoogleアナリティクスを導入・設置するためには、事前にGoogleアナリティクスに登録する必要があります。

Googleアナリティクスは、Googleアカウントとあなたのサイトがあれば無料で登録することができます。

なお、Googleアナリティクス4（GA4）の登録方法は下記記事に紹介していますので、参考にしてください。

[sitecard subtitle=google url=https://ouchiworks.net/google-analytics-ga4/#01]

Googleアナリティクス4（GA4）の測定IDは、ユニバーサルアナリティクス（UA）のトラッキングID（トラッキングコード）と異なります。

THE THORには、UAのトラッキングIDを入力する機能はありますが、GA4の測定IDを入力する機能はありません。

THE THORのサイトにGoogleアナリティクス4（GA4）を設置する方法

THE THOR（ザ・トール）のサイトにGoogleアナリティクス4（GA4）を設置する手順は以下のとおりです。

THE THORのサイトにGoogleアナリティクス4（GA4）を設置する手順

Googleタグをコピーする
GoogleタグをTHE THORのヘッダーに設置する

おおまかな流れとしては『GA4で計測するのに必要な情報（Googleタグ）を、THE THORの「高度な設定」を使ってヘッダーに埋め込む』というものです。

GoogleタグをヘッダーのPHPファイル（header.php）に入力するのではなく「高度な設定」を使って入力することで、テーマが更新してもヘッダーにGoogleタグが入力され続ける（header.phpが上書きされない）仕組みにしました。

順番に説明しますね。

①Googleタグをコピーする

THE THOR（ザ・トール）のサイトにGoogleアナリティクス4（GA4）のGoogleタグをコピーする手順は以下のとおりです。

[timeline title=”Googleタグをコピーする手順”]

[ti label=”Step1″ title=”Googleアナリティクスにログインする”]「Googleアナリティクス」にアクセスし、ログインします。

[blogcard url=https://marketingplatform.google.com/about/analytics/]

[/ti]

[ti label=”Step2″ title=”「データストリーム」を選択する”]

次に、画面左下にある「歯車マーク（管理）」をクリックして、「プロパティ」にある【データストリーム】を選択します。

[/ti]

[ti label=”Step3″ title=”編集するデータストリームを選択する”]

[/ti]

[ti label=”Step4″ title=”「タグの実装手順」を表示する”]

「ウェブストリームの詳細」の画面が表示したら「タグ実装手順を表示する」をクリックする。

「ストリームの詳細」の上に「タグ実装手順を表示する」が表示していない場合は、下部にある「Google タグ」で「タグの実装手順を表示する」をクリックします。

[/ti]

[ti label=”Step5″ title=”Googleタグをコピーする”]

「Google タグを設置する」の画面が表示したら「手動でインストールする」を選択します。そして、Googleタグが表示されている囲いの右上にあるコピーマークをクリックして、タグのテキストをすべてコピーします。

「テキストをクリックボードにコピーしました。」と表示されたら、Googleタグのコピーは完了です。

[/ti]

[/timeline]

わんこ

GoogleタグをTHE THORのヘッダーに設置するまで、この画面（ウィンドウ）を閉じずにそのままにしておきましょう。

②GoogleタグをTHE THORのヘッダーに設置する

THE THOR（ザ・トール）では、カスタマイズ画面にGoogleタグを入力するだけでヘッダーに設置することができます。

[timeline title=”GoogleタグをTHE THORのヘッダーに設置する手順”]

[ti label=”Step1″ title=”WordPressにログインして「高度な設定」のページに移動する”]

WordPressにログインして、ダッシュボードメニューにある「外観」から「高度な設定」を選択します。

ダッシュボードメニューにある【外観】→【カスタマイズ】→【基本設定[THE]】→【高度な設定】

[/ti]

[ti label=”Step2″ title=”Googleタグを貼り付ける”]

「</head>直上の自由入力エリア」に、先ほどコピーしたGoogleタグを貼り付けます。

[/ti]

[ti label=”Step3″ title=”「公開」をクリックする”]

これでTHE THORのサイトのヘッダーにGoogleタグの設置することができました。

[/ti]

[/timeline]

Googleタグを設置してGoogleアナリティクス4でデータ収集が開始されるまでに、最大で30分かかる場合があるようです。

備忘録：THE THORのサイトにユニバーサルアナリティクス（UA）を設置する方法

THE THOR（ザ・トール）のサイトにGoogleアナリティクスのユニバーサルアナリティクス（UA）を設置する方法を、過去の記録として残しておきますね。

これからGoogleアナリティクスを初めて使われる方は、Googleアナリティクス4（GA4）のみ導入・設定してください。（ユニバーサルアナリティクス（UA）は2023年7月に計測を終了予定のため）

THE THORのサイトにGoogleアナリティクスのユニバーサルアナリティクス（UA）を設置する方法

ユニバーサルアナりティクスで使用する「UA」から始まるトラッキングコードの取得方法はこちら

[sitecard subtitle=google url=https://ouchiworks.net/google-analytics-ua/]

[timeline title=”「UA」から始まるトラッキングコードの確認方法”]
[ti label=”Step1″ title=”Googleアナリティクスにログインする”]「Googleアナリティクス」にアクセスし、ログインします。
[blogcard url=https://marketingplatform.google.com/about/analytics/][/ti]

[ti label=”Step2″ title=”トラッキングコードの管理画面に移動する”]画面左下にある「歯車マーク（管理）」をクリックして、「プロパティ」にある【トラッキング情報】の「トラッキングコード」を選択します。