【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を購入予定の方

 

当サイトで使っているWordPressテーマ「THE THOR

【当サイト限定】購入特典はこちら

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

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

 

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

 

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

google

とうこ(@toko_ouchiworks)です。   この記事では、サイトの分析にかかせない「Google Analytics(グーグルアナリティクス)」の登録とGから始まる計測IDの作成方法について解説します[…]

 

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)を設置する手順

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

 

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

 

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

 

順番に説明しますね。

 

①Googleタグをコピーする

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

 

Googleタグをコピーする手順
  • Step1
    Googleアナリティクスにログインする
    Googleアナリティクス」にアクセスし、ログインします。

    Google Marketing Platform

    Google Analytics gives you the tools you need to better unde…

  • Step2
    「データストリーム」を選択する

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

  • Step3
    編集するデータ ストリームを選択する

  • Step4
    「タグの実装手順」を表示する

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

     

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

  • Step5
    Googleタグをコピーする

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

     

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

 

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

 

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

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

 

GoogleタグをTHE THORのヘッダーに設置する手順
  • Step1
    WordPressにログインして「高度な設定」のページに移動する

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

     

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

     

  • Step2
    Googleタグを貼り付ける

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

  • Step3
    「公開」をクリックする

     

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

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

 

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

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

 

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

 

THE THORのサイトにGoogleアナリティクスのユニバーサルアナリティクス(UA)を設置する方法
ユニバーサルアナりティクスで使用する「UA」から始まるトラッキングコードの取得方法はこちら

google

とうこ(@ouchiworks_toko)です。   この記事では、サイトの分析にかかせない「Google Analytics(グーグルアナリティクス)」のトラッキングコードの設定方法について解説します。 […]

 

「UA」から始まるトラッキングコードの確認方法
  • Step1
    Googleアナリティクスにログインする
    Googleアナリティクス」にアクセスし、ログインします。
    Google Marketing Platform

    Google Analytics gives you the tools you need to better unde…

  • Step2
    トラッキングコードの管理画面に移動する
    画面左下にある「歯車マーク(管理)」をクリックして、「プロパティ」にある【トラッキング情報】の「トラッキングコード」を選択します。

  • Step3
    ラッキングコードをコピーする
    赤枠で囲っている「UA」から始まるトラッキングコードをコピーします。

    「UA」から始まるトラッキングコード(例:「UA-12345678-9」)

    「UA」から最後の数字まですべてコピーしてください

 

トラッキングコードを「THE THOR」のカスタマイズ画面に設置する
  • Step1
    WordPressにログインして「アクセス解析設定」のページを開く

    WordPressにログインして、ダッシュボードメニューにある「外観」から「アクセス解析設定」を選択してください。

    ダッシュボードメニューにある【外観】→【カスタマイズ】→【基本設定[THE]】→【アクセス解析設定】

       

  • Step2
    トラッキングコードを設置する

    「Google AnalyticsのトラッキングID」に、先ほどコピーしたトラッキングコードを貼り付けます。

    (例:トラッキングコードが「UA-12345678-1」の場合)

  • Step3
    「公開」をクリックする

    トラッキングコードの入力が完了したら「公開」をクリックください。

これで、Googleアナリティクス(:ユニバーサルアナリティクス(UA))の設置は完了です。

 

まとめ:Googleアナリティクスの導入はお早めに!

この記事では、Google Analytics(グーグルアナリティクス)のGoogleアナリティクス4(GA4)をTHE THOR(ザ・トール)に導入・設定する方法について解説しました。

 

THE THORでGA4を導入・設定するには、GoogleアナリティクスでGoogleタグをコピーして、THE THORの管理画面の「高度な設定」に貼り付けるだけで簡単に設置することができます。

 

現在、多くのWebサイトに導入されているバージョン「ユニバーサルアナリティクス(UA)」2023年7月に計測を終了することが発表されています。つまり、今後のサイト分析には、最新バージョンのGoogle Analytics4(GA4)の導入が必須になります。

 

あなたもサイトを立ち上げたら、ぜひ早めにGoogleアナリティクスのGA4を導入・設定してくださいね。