Google Analyticsでページ中の全てのaタグのクリック回数を計測する方法は？

前へ 次へ
このQ&Aのポイント
  • Google Analyticsでページ中の全てのaタグのクリック回数を計測したいが、一つ一つのaタグにonClickを記述する必要があるのか疑問。
  • 現在、最新のAnalytics計測タグを使用しており、jQueryを使った書き方も試しているが、イベントトラッキングができない状況に困っている。
  • 解決策を教えてください。
回答を見る
  • ベストアンサー

google Analyticsでページ中の全てのaタグのクリック回数

google Analyticsでページ中の全てのaタグのクリック回数を計測したいのですが、onClickでひとつひとつaタグに記述していかなければならないのでしょうか。 Analyticsの計測タグは、現状での最新のタグを導入しています。（</head>タグの直前に挿入するタイプです。） jQueryを使って、 <script> $(function() { $('a').click(function() { _gaq.push(['_trackEvent', 'ヘッダー', this.href]); }) }) </script> </body> のような書き方では間違っていますでしょうか。 イベントトラッキングが計測できなくてとても困っています。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

this.hrefが気になります。 　$(this).get(0).href じゃないでしょうか

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Google Analytics　トラッキングコードについて

    Google Analytics　トラッキングコードについて ホームページのhead部分にこのスクリプトを埋め込んでくださいとありますが、 外部のJavaScriptに埋め込む方法はないでしょうか？外部のファイルにコピペしてみたのですがトラッキングコードを認識できませんでした。 <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18744062-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>

  • Google Analyticsについて

    Google Analyticsのトラッキングコードを自分のサイトのコードに貼っても全く反映されず、 ２時間は経過しているのですが、「トラッキングがインストールされていません」と表示されてます。 </head>の直前に貼っているのに反映されません。 普通は「データの待機中」と表示されるのではないでしょうか？ あと反映されないので自分なりに調べてからコードの<script>を<script type="text/javascript">に変更してみましたがうまくいきませんでした。 原因はどういったことが考えられるでしょうか？ よろしくお願いします。

  • クリックした<a>タグのみにClass名を付けたい

    複数ある<a>タグの内、クリックした一つだけにClass名を付けたい場合はどうすればよいでしょうか？ ソースは以下のようになっています。 <ul id="menu"> <li><a href="#">北海道</a></li> <li><a href="#">東北</a></li> <li><a href="#">関東</a></li> </ul> 「北海道」をクリックした場合　<a href="#" class="check">北海道</a> となり 次に「東北」をクリックした場合は　<a href="#" class="check">東北</a>　となる そのさい「北海道」についていた　class="check"　は外れる。 といった事をしたいのです。 現状、jQueryで以下のようにしたはいいのですが、複数にclass="check"が付いてしまい、希望の動作になりませんでした。 <script type="text/javascript"> $(document).ready(function(){ $("#menu li a").click(function () { $(this).toggleClass("check"); }); }); </script> ぜひ、お教えいただければと思います。 よろしくお願いいたします。

  • このソースはJavaScriptですか？

    Webサイトの作成のためにJavascriptやJQueryについて勉強しようと思っており、いろんなサイトを調べてみたら、次のようなソースが書かれていることが多いです。 var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-746118-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); たぶんJavaScriptかJQueryだと思いますが、これは一体どのような命令文なのでしょうか？ このソースを多くのサイトで使っているのならば、私も試してみたいと思っております。初心者ですが、宜しくお願い致します！！

  • onClick の記述方法について

    初心者のため、もしお分かりでしたらご教示頂ければ幸いです。 以下の記述にこのような onclick属性を追加したいと思っております。 Google Analyticsのイベントトラッキングを計測するためのものです。 onClick="_gaq.push(['_trackEvent', 'top', 'head_banner', 'top__head_banner_zzzzzzz']);" 各リンク先にそれぞれ設定するためには、どのように記述すればよろしいのでしょうか。 $(function() {$("#showcase").showcase ({images: [ { url: "http://www.111.jp/111.jpg", description: "テスト", link: "http://www.aaa.jp", target:"_top"}, { url: "http://www.111.jp/222.jpg", description: "テスト", link: "http://www.bbb.jp", target:"_top"}, { url: "http://www.111.jp/333.jpg", description: "テスト", link: "http://www.ccc.jp", target:"_top"}, ], <---中略---> }); }); すみませんが何卒宜しくお願い致します。

  • クリックで背景変更するタグ

    素材屋さんなどによくある、画像をクリックをすると背景が変わるというプログラムを作りたいのですが、調べてみたタグではうまくいきませんでした。 <tr><td><a href="#" onClick="javascript:bgChange('画像ファイル名');return false"><img src="画像ファイル名" border="0"></a></td></tr> 以下を<HEAD>区間に貼り付け <SCRIPT LANGUAGE="JavaScript"> <!-- function bgChange(myback){ document.body.background=myback; } //--> </SCRIPT> これだと、画像のプロパティがhttpで始まるものはうまくいくのですが、マイドキュメントに保存してある画像（自分で撮った写真など）では、背景が真っ白になってしまいます。 Win98、ブラウザはIE5.5です。 どなたか、教えてくださると幸いです。

  • phpでGoogle Analyticsを使う場合

    小さな会社で、突然ホームページを任されました。 htmlは基本はわかるのですが、phpは全く理解していません。（これから勉強するつもりです。） すでに会社のホームページはあり、そこにGoogle Analyticsを使うことになりました。 phpは、問い合わせフォームの確認画面とメール送信関連にだけ使われているようです。 htmlのページは、Google Analyticsのトラッキング コードを</body>タグの直前に貼り付けたのですが、phpのページはbodyタグがありません。<?php で始まり、?>　で終わっていますが、どこにトラッキング コードを入れたらよいのでしょうか？ 下記のように<?php　---　?>の外側にhtmlと同じタグを付けて、</body>タグの直前にトラッキングコードを入れて問題はないでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <?php | | | ?> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-xxxxxx-x"); pageTracker._trackPageview(); </script> </body> </html> 以前の担当は離職して連絡が取れず、どうしたらよいか困っています。 どうぞよろしくお願いします。

  • ｇｏｏｇｌｅ　トラッキング コード確認方法

    こんにちは、 googleのアクセス解析をつかているのですが 拡張リンク アトリビューションを使用したく、やり方を探しております。 トラッキング コードの非同期バージョンの確認方法はありますでしょうか？ プロパティの拡張リンク アトリビューションを使用するをオンにして、 トラッキング コードを書き換えるための別ページを参照したのですが （https://support.google.com/analytics/answer/2558867?hl=ja&utm_id=ad） アナリティクスのトラッキング コードの非同期バージョンを使用すると書いてあり var _gaq = _gaq || [];から下を書き足すようになっていたのですが 使っているトラッキングコードではそうゆう綱目がなかったので 非同期バージョンではないということかな？と思いまして。 現在のトラッキングコード <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '*********', '*********'); ga('send', 'pageview'); </script>

  • Google Analyticsについて

    FC2ホームページにてフレームを使用したHPを作成し、 Google Analyticsでアクセス解析したのですが、3つのページのレポートしかありません。 構成は以下のとおりです。 index.html(フレームセットページ<head></head>内にトラッキングコードを含む) top.html(index.htmlを開いたときに、右側に表示されるページ<body></body>内にトラッキングコードを含む) menu.html(index.htmlを開いたときに、左側に表示されるページ<body></body>内にトラッキングコードを含む) menu.htmlでリンクをクリックすると、右側のフレームでそのリンク先を開くように設定しています。 Google Analyticsで表示されるレポートは /top.html /menu.html / タイトル別では HP名 HP名～トップページ～ HP名～メニュー～ の3つのみです。 ページは全部で30ページほどありますが、この3つ以外のレポートが ありません。 友人に、全てのページをアクセスしてもらい、次の日に、最新のレポートに更新し、 見てみましたが、3つしかレポートがありませんでした。 どうすればフレームを使ったHPで全てのページのレポートを表示させる ことができるんでしょうか？ 回答よろしくお願いします。

  • JQueryでクリック時のタグの親子の関係について

    以下のコードのspanをクリックするとspanとdivをクリックしたことになってしまいます。 spanをクリックしてもdivをクリックしたことにしないようにするには どうすればよいのでしょうか？ <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <style> div { padding: 20px; background: #EEE; } </style> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(function(){ $("div").click(function(){ console.log("click div"); }); $("span").click(function(){ console.log("click span"); }); }); </script> </head> <body> <div> <span>Click!</span> </div> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する