4

同様の質問を読みましたが、私の質問は少し異なります。

剣道UIを使ったサイトのシングルページ登録処理ページを実装しています。このサイトには、ユーザーがメニュー タブをクリックすると動的に生成された 4 つのページがあります。たとえば、ユーザーがメニューの tab1 をクリックすると、コンテナーtab_1に挿入されます。app_container

以下のようなテンプレート:

<div id="app_container"></div>
<script id="tab_1" type="text/x-kendo-template">
//first page
</script>
<script id="tab_2" type="text/x-kendo-template">
//second page
</script>
<script id="tab_3" type="text/x-kendo-template">
//third page
</script>
<script id="tab_4" type="text/x-kendo-template">
//fourth page
</script>

ページはドメインの下にあります: www.xxxxxxxx.com/register.html。

ユーザーがメニューのタブをクリックすると、http リンク アドレスが次のように変更されます。 www.xxxxxxxx.com/register.html#/p1

www.xxxxxxxx.com/register.html#/p2

www.xxxxxxxx.com/register.html#/p3

www.xxxxxxxx.com/register.html#/p4

GA からコードを取得しました。

<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', 'UA-XXXXXXX-1', 'xxxxxxxx.com');
  ga('send', 'pageview');

</script>

1) 質問 1、私はこの登録ページのみを追跡したいので、google のドキュメントdevelopers.google.com/analyticsを読みましたが、このコードは機能しますか?

ga('send', 'pageview', '/register.html');

2) 質問 2、GA が 4 つの異なるタブ ページのデータを取得できるようにするにはどうすればよいですか? イベントを追跡するには、onlick アクションを変更する必要がありますか? または単にアンカータグを追跡するだけですか？Tracking Hash URLsから何かを読みましたが、このコードは私の状況で機能しますか? 分析を表示するには時間がかかる場合があるため、今はテストできません。

_gaq.push(['_trackPageview', "/" + window.location.hash]);

この単一ページのアプリケーションで機能する場合、このコード行をどこに配置すればよいでしょうか?

4

1 に答える 1

8

回答 1: はい、これで問題なく動作します。 ga('send', 'pageview', '/register.html');

コードが実行されているページにある場合、3 番目のパラメーターは必要ありません。3 番目のパラメーターが未定義の場合、コードが実行されている現在のページを自動的に取得します。ただし、このパラメーターを使用すると、ページを自分で設定できます。これは、コードが実行されているページ以外の別のページにページビューを送信する必要がある場合に役立ちます。

これに変更します：

<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', 'UA-XXXXXXX-1', 'xxxxxxxx.com');
  ga('set', 'page', '/register.html');
  ga('send', 'pageview');
</script>

また、各タブ クリック イベントで、対応するコードを追加して、どのタブがクリックされたかを追跡します。

タブ 1 クリック イベント: ga('send', 'event', 'tab1', 'clicked');

タブ 2 クリック イベント:ga('send', 'event', 'tab2', 'clicked');

タブ 3 クリック イベント:ga('send', 'event', 'tab3', 'clicked');

タブ 4 クリック イベント:ga('send', 'event', 'tab4', 'clicked');

ソース

于 2013-09-05T02:43:06.527 に答える