Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
60
Help us understand the problem. What is going on with this article?
@miupink

GoogleAnalytics イベントトラッキングの設定 (ユニバーサルアナリティクス向け)

More than 3 years have passed since last update.
  • 外部サイトへのリンクや、pdfのダウンロードボタンのクリック数を計測したいとき、ソースコードにイベントトラッキングというタグを埋め込む必要があります。その手順についてまとめました。

手順

:large_orange_diamond: Step1

  • 計測したいタグをソースコードから探しましょう。ここでは例として、「http://example.com/」 という外部サイトへリンクする以下のaタグを使用します。
<a href="http://example.com/" target="_blank">サンプルページへ飛びます</a>

:large_orange_diamond: Step2

  • 以下のonclickタグをaタグ内に記述します。
onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', 値);"
  • 「send」「event」はそのまま文字通り指定すればOKです。
  • 「カテゴリ」「アクション」は必須で、「ラベル」「値」は任意で指定します。各項目の説明は以下の表にまとめました。
項目 内容 入力例
カテゴリ(必須) 計測したい対象物 link, pdf
アクション(必須) 計測したいユーザの操作 click, download
ラベル(任意) 固有の名前(リンク先の名前, pdf資料名など) www.example.com, サンプルpdf
値(任意) 指標にする数値 100
  • ラベルには、「www.example.com」や「サンプルページ」、などリンク先の内容を入れると良いと思います。
  • 値には、計測データの指標値を指定したい場合に記述します。例えば、1クリック=100円とカウントしたいときは、100を指定すればOKです。

:large_orange_diamond: Step3

  • 以下はタグ設置後の例です。サーバに反映させたら完了です!
<a href="http://example.com/" onclick="ga('send', 'event', 'link', 'click', 'サンプルページ');">サンプルページへ飛びます</a>

おまけ:タグ設置後の確認

  • GoogleAnalyticsを開き、左メニューの ①行動 > ②イベント > ③サマリーから確認できます。
  • ページ下にある「上位のイベント」では、Step2で指定した項目ごとにデータを確認できます。
  • 【注意】タグ設置後、テストでクリックしてもすぐにはデータは取れないかもしれません・・・私は1時間後ぐらいにデータがとれました!

140905-0007.jpg

60
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
miupink
ajike
アジケはUXデザインの手法を用いてユーザー体験を創造するUXデザインカンパニーです。国内の大手企業やスタートアップ企業のパートナーとして、サービスの開発・改善を通して事業の成長に貢献。近年はUXデザインの領域を広げ、オンライン・オフラインを問わずシームレスなユーザー体験を創出することで事業を包括的にサポートしています。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
60
Help us understand the problem. What is going on with this article?