0

通常のGoogleAnalyticコードを使用した基本的な単一ページのWebサイトがあります。

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-##-##']);
  _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);
  })();

ただし、私のリンクはブックマークのようなものです。基本的には1ページをスライドダウンします。クリックしたときの私のリンクは基本的にページですが、同じテンプレート内にあります。スライドしてコンテンツの要素を表示します。

<a href="#section-3">about us</a>

Analyticsトラッカーを更新したり、リンクを追跡したりする方法はありますか？だからアナリティクスでは、人々がページなどに多くの時間を費やしているのを見るでしょう。

4

4 に答える 4

5

これを試して。HEADにこれを配置します：

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-##-##']);
  _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);
  })();

FOOTERまたはその他の場所-これ：

jQuery(function($){

  $("a[href*='#']").on("click", function(){
        var $url = $(this);

        _gaq.push(['_trackEvent', 'ajaxLink', $url.text(), $url.attr('href')]);
        console.log('_trackEvent', $url.text(), $url.attr('href'));
  });
});​

また、HTMLはリンクへの#Id参照である必要があります。そのような：

<a href="#home-page">Home</a>
<br />
<a href="#about-us-page">About Us</a>

私はそれを学ぶためにこれを使用しました。

UPD：例は次のとおりです：http：//jsfiddle.net/K2PcL/

ありがとう。

于 2012-08-03T22:54:10.340 に答える
1

onclickイベントにページトラッキングを追加できるはずです。リンクを次のようなものに変更してみてください。

<a href="#section-3" onclick="_gaq.push(['_trackPageview', '/AboutUs']);”&gt;about us</a>
于 2012-08-03T23:31:36.127 に答える
0

あなたpushは情報をする必要がありますinto the gaq array。

あなたが知る必要があるすべてはここにあります。

于 2012-08-03T22:49:24.100 に答える
-1

これにはjQueryを使用します。

アナリティクスを頭に入れて、よりクリーンなコードに注目してください。

<script>
    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
    (function(d, t) {
    var g = d.createElement(t),
    s = d.getElementsByTagName(t)[0];
    g.src = '//www.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g, s);
    }(document, 'script'));
</script>

そして、これをフッターに配置します。ここで、＃main-navigationはUL>LIメニューリストの例です。それらすべてのページを追跡します。

jQuery(function($){
        $("#main-navigation a[href*='#']").on("click", function(){
            var $url = $(this)
        _gaq.push(['_trackPageview', $url.attr('href')]);
        console.log('_trackPageview', $url.attr('href'));
    });
});

また、注意してください。プロトコルとよりクリーンなJavaScriptを使用した私のコードは、最大2000倍高速です。 http://jsperf.com/protocol-check-vs-hardcoded-stringリファレンスさらにhttp://mathiasbynens.be/notes/async-analytics-snippet

于 2012-08-04T00:12:34.750 に答える