【Google Analytics】毎回ググって面倒なイベントトラッキングの使い方をまとめてみよう | バシャログ。
ソチってどっち？Latinです。今回は Google Analytics のイベントトラッキングの使い方についてです。コレ、毎回ググってる気がするんですよね･･･。なのでここらでまとめておこうと思います。 従来のクラシックアナリティクス（非同期型）とユニバーサルアナリティクス 従来のクラシック（非同期型）とユニバーサルアナリティクス版で実装の方法が若干違ってきますが、呼び出すメソッドが異なるだけで内容に大きな違いはありません。 今現在利用中のアナリティクスが従来型なのかユニバーサルアナリティクスなのかは、Google Analytics 画面の「アナリティクス設定→トラッキング情報」で確認できます。 また、実装されたトラッキングコードでも確認が可能です。 従来の非同期型のトラッキングコード例 _gaq.push(['_setAccount', 'UA-1234567-1']); ユニバーサ
Googleタグマネージャとアナリティクスで外部リンクのクリックをイベントトラッキング
Googleタグマネージャとアナリティクスで外部リンクのクリックを計測する手順を紹介します。 Googleタグマネージャを使うと、リンクのクリックをアナリティクスのイベントトラッキングを使って簡単に計測できます。今回はユニバーサルアナリティクスを使っていますが、従来のGoogleアナリティクスでも同様の手順で計測できます。 リンククリック リスナー タグを追加 リンククリックなどのイベントを計測するときは、イベントリスナーというタグを追加する必要があります。 イベントリスナーは、クリックやタイマーなどのイベントを監視して、イベントが発生したときにデータを変数に保存する役割をします。 新しいタグを追加して、次のように設定します。 タグ名は任意ですが「リンククリック リスナー」が分かりやすいでしょう。 タグの種類を[イベント リスナー＞リンククリック リスナー]にします。 配信のルールを[すべ
Googleタグマネージャとアナリティクスでフォーム入力イベントトラッキング – 独自のイベントリスナー作成の基本
Googleタグマネージャの仕組みを使った、フォーム入力イベントトラッキングのタグの作り方を紹介します。 GTMのイベントトラッキングの仕組みや独自のイベントリスナー作成の基本も説明しています。ユニバーサルアナリティクスを例にしていますが、従来のGoogleアナリティクスにも使えるテクニックです。 Googleタグマネージャのイベントトラッキングの仕組み はじめに、Googleタグマネージャのイベントトラッキングの仕組みを説明します。Googleタグマネージャのイベントトラッキングは次の図のような構成になっています。 イベントトラッキングでは、タグを2つ使います。イベントリスナーでユーザーの操作などのイベントを捕捉して、もう一方のタグでUAやGAのトラッキングコードを配信します。次のような流れで動作します。 1. イベントが発生すると、イベントリスナーがpush() APIを呼ぶ。 2.
イベントトラッキングの使い方、まとめ10+事例
まとめです。 全ユーザーに公開となったGoogle Analytics のイベントトラッキング機能をまとめました。 追記：2018年2月22日 gtag.js では動作しません。＞＞公式ヘルプを参照する イベントトラッキングでは、PVとイベントを分離して計測できるようになります。推奨は”ga.js”なので要注意。 ページビューは「表示されたページのカウント」なのに対し、イベントは「どこをクリックしたのか（ページの表示は無くても良い）のカウント」なのが特徴。 つまり、「見たページ」のカウントと「見たいページ」のカウント、という言い方も出来ます。 Google Analytics イベントトラッキングで出来ること ・クリックのカウントを取れる （通常はページが表示されたというカウント一方、イベントトラッキングはAJAXやFLASHなどページ遷移がなくても取得可能。更にページビューと分離してカウ
GoogleTagManagerのデータレイヤー変数を使ってイベントトラッキングをしてみた - console.trace();
先日のあのページを更にトラッキングのデモにしてしまおうという計画が進行中です。 前回の記事でも触れたとおりクロスドメイントラッキングはGoogleからサンプルコードが発表されているので、 今回はそのコードを元に色々といじっていみました。 一概にイベントトラッキングといっても様々な要件があると思います。 例えば、対象のリンクはa要素なのか、ドメインを判別するのか、ユーザーイベントは？などなど、 スコープを絞らないと際限なく作れてしまうので、今回は下記の要件を考えます。 ソース要件 対象: 特定class属性値を持った要素配下のa要素 イベント: clickのみ valueやlabelについて: a要素のテキストをJSで取得 デモでは.navbarの配下であるa要素を対象にしています。 ソース https://github.com/yotanote/gtm-event/blob/master/
Googleタグマネージャで画面のスクロール位置を把握する方法 | EVERRISEアドテクブログ
こんにちは。堀井です。 webページでは、単純にPV数が多くてもサイトを読んでもらえていなければ意味がありません。そこで、ユーザーのスクロール量を数字で取得することでどの辺りまで読んで離脱する人が多いのか知れたら便利ですよね？ そこで今回は、 Googleタグマネージャ(GTM)のイベントリスナーを使用したページスクロール量を取得するための手順についてご紹介します。 いくつかのサイトを参考に作業しましたが、結構手こずった部分があったのでそれを含めまとめています。 新しい自動イベントトラッキング機能 Googleタグマネージャでは複数のタグの管理が可能ですが、イベントリスナーを使用して任意のルールと紐付けすることで、より細かい条件でイベントトラッキングが可能になります。HTMLに特別な記述をすることなく、自動でGTMからタグを発行できるようになるのです。 webページ上でのユーザーのスクロー
Googleアナリティクスのイベントトラッキングで検索順位を調べる方法
[対象: 上級] Googleアナリティクスのイベントトラッキングを利用してGoogle検索からのトラフィックがあったキーワードの順位を計測する方法をこの記事では紹介します。 GoogleのAnalytics AdvocateであるJustin Cutroni氏がAJ Khon氏に教授した方法になります。 さっそく設定方法からいってみましょう。 以下のコードをheadセクションに挿入します。 <script type="text/javascript"> if (document.referrer.match(/google\.(com|co\.jp)/gi) && document.referrer.match(/cd/gi)) { var myString = document.referrer; var r = myString.match(/cd=(.*?)&/); var ran
入力フォームのどこで脱落したのか？ Googleアナリティクスで評価する――実例で解説！イベントトラッキング（3）［第68回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
eコマースサイトなどでは、商品をカートに投入してから購入までの間に、少なくとも初回購入時には、名前、住所、メールアドレス、クレジットカード番号などの各種情報を入力したり、入力内容の確認作業をしたりしなければならない。 ユーザーのうち、一定の割合は、この手続きが面倒で、途中でやめてしまうことがある。いわゆる「脱落」だ。 どのステップ（ページ）で脱落したかを知りたいときは、Google アナリティクスの「目標到達プロセス」レポートを設定すれば、どのページで動きが止まったのかを簡単に知ることができる。詳しくは以下の過去記事を参照してほしい。 目標到達プロセスのレポートで、カートから購入までのボトルネックを見つけよう［第56回］しかし、Web解析担当者としては、ページ単位ではなく、各ページの入力フォームのどこで入力を諦めてしまったのかまで知りたい、というのが本音ではないだろうか。 そこで今回は、入
Onclickとは？ GAイベントトラッキングの設定方法＆レポートの見方［第65回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
たとえば「onfocus」は、フォームの入力欄にカーソルが当てられたときに何か処理を実行するものだ。たとえば、入力フォームのページで「onfocus」を利用して、入力フォームの入力欄1つずつにonfocusを使ったイベントトラッキングを設定しておけば、どの入力項目までカーソルが進んだのかを把握するといったことができるというわけだ。 _gaq.pushメソッドは、Googleアナリティクスの命令_gaq.pushメソッドは、「トラッキングコードをカスタマイズするための基礎知識［第63回］」でも説明したので、ここでは省略する。 _trackEventメソッドでイベントを記録する_gaq.pushで指定している「_trackEvent」が、イベントトラッキングのもっとも重要な部分、_trackEventメソッドである。イベントハンドラによって_trackEventメソッドが呼び出されることで、ブ
Googleアナリティクスにおけるイベントトラッキングの使い方2013
追記：2018年2月22日 本記事は gtag.js では動作しません。＞＞公式ヘルプを参照する 追記 2015年3月9日 タグマネージャーのより詳細な設定や最新メジャメントプロトコルまで網羅した最新版を書きました。以下どうぞ。 ＞＞2015年版イベントトラッキングの使い方＜タグマネージャ・ユニバーサルアナリティクス対応＞ イベントトラッキングとは Googleアナリティクスは、ただ単に設置しただけでは、Webページが何ページ見られた、どれくらいのユーザー数に見られた等、ページ閲覧を基本とした計測しか出来ません。 しかし、ページのどこをクリックしたか、来た人が動画を見てくれたのか、ページの最後まで見てくれか等、ユーザーを基準とした「より詳細な行動」を把握するニーズが高まってきました。 ページ内での動きを計測する、それがイベントトラッキングです。ユーザーのそういった行動やサイトが自動的に行う
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BO STUDIO