Google Analytics 表單提交事件跟蹤

Question

我有一個表單提交到我不擁有的另一個域，需要在 Google Analytics 中跟蹤事件。 我寧願不使用 jQuery 來避免依賴，但我不明白為什么這段代碼不起作用：

<form action='example.com/search' onsubmit='trackSubmit()' id='frm'>
    <button type='submit'>Search</button>
</form>

<script type='text/javascript'>
function trackSubmit(e) { 

  var bForm = document.getElementById('frm');

    bForm.addEventListener('submit', function(e){
    e.preventDefault();
    _gaq.push('_trackEvent', 'Foobar', 'Foobar Form Submit');
    setTimeout(function(){

        console.log('tracking foobar');
        bForm.submit();

    }, 1000);
  }, false);

}
</script>

Answer 1

onsubmit='trackSubmit()'和bForm.addEventListener('submit', function(e){

這似乎是錯誤的部分。 如果你在submit上調用trackSubmit() ，那么在這個函數中添加一個監聽器是沒有用的，它甚至不會觸發。 我相信它應該只是：

<form action="http://example.com/search" onsubmit="return trackSubmit()" id="frm">
    <button type="submit">Search</button>
</form>

<script type="text/javascript">
function trackSubmit() {
    var frm = document.getElementById('frm');

    _gaq.push('_trackEvent', 'Foobar', 'Foobar Form Submit');
    setTimeout(function(){

        console.log('tracking foobar');
        frm.submit();

    }, 1000);

    return false;

}
</script>

Answer 2

這將可重復用於多次提交跟蹤。

<script type="text/javascript">
    function trackSubmissions(form, category, name, value) {
        try {
            _gaq.push(['_trackEvent', category, name, value]);
        } catch(err){}
        setTimeout(function() {
            form.submit();
        }, 100);
    }
</script>

<form onsubmit="trackSubmissions(this, 'category', 'name', 'value'); return false;">
</form>

Answer 3

對於偶然發現這個問題並正在使用新版本的谷歌通用分析的用戶。 這是提交按鈕和鏈接點擊的代碼

<script type='text/javascript'>
        function trackSubmit() { 


        ga('send', 'event', 'button', 'click', 'searchsubmit', 4);
          alert('testing send event')
        }

        function trackClick() { 
            ga('send', 'event', 'button', 'click', 'This is coool');
        }
    </script>

    <body>
    Pushing data.......

        <form onsubmit='trackSubmit()' id='frm'>
            <button type='submit' id= 'searchsubmit'>Search</button>

            </br>
            <a href='http://cool.com' onclick="trackClick(); return false;">cool</a>
        </form>

    </body>

我已經發出警報以顯示正在觸發事件，因為當頁面提交並且您將在調試器中查看控制台時，您的事件將不可見。

在此處輸入圖片說明

Google Analytics 表單提交事件跟蹤

問題描述

3 個解決方案

解決方案1
4 2013-04-18 20:26:05

解決方案2
0 2013-10-24 10:56:45

解決方案3
0 2014-04-30 18:27:05

Google Analytics 表單提交事件跟蹤

問題描述

3 個解決方案

解決方案1 4 2013-04-18 20:26:05

解決方案2 0 2013-10-24 10:56:45

解決方案3 0 2014-04-30 18:27:05

解決方案1
4 2013-04-18 20:26:05

解決方案2
0 2013-10-24 10:56:45

解決方案3
0 2014-04-30 18:27:05