Spin-off content for Elementor Fan

WordPressにGoogleアナリティクス 簡単設置法

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
googleanalytics_thumbnail

WordPressにGoogleアナリティクス 入れてますか〜?

自分のサイトに「いつ」、「どのくらいの人数」が、「どのページを見た」のかなどを知る事ができるGoogleアナリティクス!

おじさん
おじさん
それを知ってどーするの?

お〜、いきなり突っ込んできましたね(笑)はっきり言います!「重要」です。これらの情報を把握する事で、自身のホームページの課題や、今後の方向性など多くの気付きを得る事が出来て、改善する事が出来ます!

WordPressにGoogleアナリティクス そしてElementorへのGoogleアナリティクスの設定方法をご紹介します。

まだ導入されていない方はこれを機に入れてみましょう!

Googleアナリティクスの導入方法

ElementorにGoogleアナリティクス を設置する方法はいくつかありますが、今回は、Googleアナリティクスだけを導入する方法と、自身がオススメするGoogleタグマネージャーを使った方法の2通りをご紹介したいと思います!

ちょっとあんた、Googleアナリティクスいれるのに違うもの入れさせようとしてるんじゃないでしょうね!
おばさん
おばさん

お、落ち着いて下さい・・・Googleタグマネージャーを導入する事で、今後色々な計測タグや広告タグなどを入れやすくなる・・・とにかく便利なんですよ!

おじさん
おじさん
怪しい・・・Googleって言えば安心すると思ってるんだろ・・・

あらら・・・お二人とも・・・(汗)

その前にGoogleアカウントはお持ちですか?

いずれにしても、Googleアナリティクスやタグマネージャーを使うには、Googleのアカウントが必要となります。GoogleアカウントはGmailが使えたり、スプレッドシート(エクセルのオンライン版みたいなやつ)や、Googleドライブ(クラウドストレージ)など無料で使えてとっても便利なので、1つは持っておくと良いと思います。

※既にお持ちの方は次の項目へお進み下さい。

Googleアカウントについての説明は、当サイトでは割愛致します。お手数ですが、他のサイトやブログを参考にアカウントをお作り下さい。Googleアカウントをお持ちの方は、早速Googleアナリティクスを導入してみましょう!

Google Analyticsの準備

Googleアカウントをゲットした方、ならびにGoogleアカウントを既にお持ちの方は、次にGoogleアナリティクスのIDをゲットしに行きます。

※既にトラッキングIDをお持ちの方は飛ばして下さい。

(1)ログイン

既にログイン済みの方は、(2)へ進みます。
ご自身のGoogleアカウントのメールアドレスとパスワードを入れてログインします。

(2)Googleアナリティクスのアカウントの作成

ga-01

早速設定を開始して行きましょう。

ga-2

まずは、アカウント名を決めます。サイト名や企業であれば会社名が良いでしょう。データの共有は全部チェックしておいた方が、最初は良いです。アカウント名を入れたら「次へ」をクリックします。

ga-3

次に、測定対象を選びます。おそらくホームページの計測かと思いますので、「ウェブ」を選択します。ランディングページの場合にもウェブでOKです。

ga-4

最後に、プロパティの設定を行います。アカウントではGoogleアナリティクス全体の管理を行います。それに対し、複数サイトを運用される場合を想定して、1サイト1プロパティと思って下さい。

※注意※
運用方法によっては、違う管理方法・プロパティ運用をする場合もあります。ここではレスポンシブ型の1サイトを測定する前提でご紹介します)

ウェブサイトの名前
ウェブサイトのURL(httpとhttpsの設定に注意)
業種(サイトのジャンルと思って下さい)
レポートのタイムゾーン(大半の方は日本かと)

全部設定したら、「作成」をクリックします。

ga-5

あとは、利用規約に同意して完了です!

トラッキングIDをゲット

いよいよ、Googleアナリティクスを使うために必要なトラッキングIDをゲットします。先ほどの利用規約に同意すると、自動的に下の画像の様な画面が表示され、その中に「トラッキングID」が表示されます!

ga-6

プロパティの中のプロパティ設定の基本設定の中で、いつでもトラッキングIDを確認する事が出来ます。このトラッキングIDが必要となりますので、メモっておきます!

方法①Googleアナリティクスのみ導入する方法

Elementorで制作されたサイトへGoogleアナリティクスを導入する方法として簡単なのはプラグインを使う事です。今回、自身がいつも利用しているプラグインを紹介致します。

GA Google Analytics

とてもシンプルで、Elementor公式でも推奨しているプラグインの1つです。プラグイン>新規追加>検索>インストール>有効化の流れでプラグインのインストールをして下さい。

インストール後、WordPressのメニュー内の設定に、「Google analytics」と追加されていますので、クリックします!

ga-plugin

赤枠のPlugin Settings(プラグインセッティングス)を開きます。

ga-plugin-setting1

上の赤枠「GA Tracking ID」部分に先ほどゲットしたGoogleアナリティクスに表示されているトラッキングIDを入力します。※トラッキングIDの取得と確認方法はこの記事内の紹介部分をご覧下さい。

ga-plugin-setting2

トラッキングIDを入れたら、同じ画面の下の方に「Admin Users(アドミンユーザーズ)」という項目がありますので、チェックを入れます。これは、 WordPressの管理者がログインした状態で閲覧した際に、計測に含めなくする為です。

トラッキングIDと、アドミンユーザーにチェックを入れたら、「Save Change」をクリックして設定保存します。

実はこれで設定完了です!!

あらま!ずいぶん簡単じゃない?!
おばさん
おばさん

ふぅ〜よかった・・・(汗)

あ、ちゃんと導入出来ているか、Googleアナリティクスで実際見て確認する為、この記事の下の方を見て下さい!

方法②Google Tag Manager経由でGoogleアナリティクスを設定する

正直、方法①に比べ、手順は増えます。しかし、中長期的な視点で見た場合、タグマネージャー経由の方が圧倒的に便利です!例えば、この先「アドセンスで広告を表示させるんだ!」とか、「広告を出してより多くの人に!」とか、「ヒートマップで分析だ!」など、何かとタグは増えて行きます。そうなると・・・「あれ?あのタグってどこに入れたっけ?」「あのタグが原因で不具合?!」なんて時に、一元管理のタグマネージャーならオンオフも簡単です。

GoogleタグマネージャーIDをゲットする

なにはともあれ、Googleタグマネージャーのページにアクセスします。すると、いきなり重々しいページが出てきますが、「申し込む」をクリックします。ご安心下さい、無料です。

gtm01

申し込みをクリックすると、Googleタグマネージャーのアカウント作成画面が表示されます。ので、アカウント作成をクリック↓

gtm2

画面が切り替わり、アカウントを作成していきます。

gtm3-2

【アカウントの設定】
アカウント名: サイト名や会社名が良いかと思います。
国: 日本(運営地で良いかと)

【コンテナの設定】
これはGoogleアナリティクスと似た概念ですが、アカウントで複数サイトやページを運営する事を想定されていますので、1サイト1コンテナという理解が良いと思います。(※注意※運営方法によっては、ランディングページ1ページ毎など異なります。ここでは基本的な設定をご紹介します)

コンテナ名:ドメイン名やサイト略称など
ターゲットプレイス:ウェブ(ホームページやランディングページの場合)

最後に「作成」をクリックします。

gtm4

↑最後に利用規約の同意を求められますので、「はい」をクリックします。すると、下の画像の様になにやら難しそうなコードがポップアップされますが、無視する様に「OK」しちゃいます。

gtm5

今回必要なのは、GoogleタブマネージャーIDだからです!

gtm6

そのIDはGoogleタグマネージャー管理画面のトップページに表示されています!赤枠部分の「GTM〜」から始まるのがGoogleタグマネージャーIDですので、メモっておきましょう!

WordPressに戻ってプラグインをインストール

今回ご紹介するプラグインはこちら!

「Google Tag Manager」
https://ja.wordpress.org/plugins/google-tag-manager/

おばさん
おばさん
なんか通販番組みたい・・・
しかも、プラグイン名・・・まんまだな
おじさん
おじさん

・・・言われてみれば・・・

個人的にはこれが一番シンプルでElementorと相性が良いです!

早速プラグインをインストールして下さい!

おばさん
おばさん
インストールしたけど、何も変わらないじゃない!

焦らないで〜(汗)WordPressのメニューの「設定」>「一般」の一番下を見て下さい!

gtm-plugin

Google Tag Manager IDという欄が追加されていますので、ここに先ほどゲットした「GTM-」で始まるGoogleタグマネージャーIDを入力し、変更を保存するだけです!

Googleタグマネージャーにアナリティクスタグの設定をするぞ!

おばさん
おばさん
簡単って言ってたわりにまだ続くわけ?!

あと少しですので、頑張りましょう!

Googleタグマネージャーに戻り、Googleアナリティクスのタグ設定を行います!

(1)タグとトリガーと変数の設定

ここではGoogleタグマネージャーの各種機能や意味などの説明は割愛させて頂きます。