양식 유효성 검사 및 웹 로그 분석 이벤트 추적

JavaScript를 사용하여 양식 필드의 유효성을 검사하고 있습니다. 전달되면 Google 애널리틱스에 이벤트를 보내려고합니다. 그러나 Google에 이벤트를 보내지 않습니다.양식 유효성 검사 및 웹 로그 분석 이벤트 추적

<form role="form" name="submit" method="post" onSubmit="return validateForm();">

을 그리고 내 유효성 검사 코드는 다음과 같습니다 : 내 양식에서 나는이

function validateForm() {  
// validate the form and update the section if there is an error 
var spamCheck = document.submit.inputSpamCheck.value; 
    if(document.submit.inputName.value == ''){ 
     document.submit.inputName.focus(); 
     $("#name-section").addClass("has-error"); 
     return false; 
    } 
    else if(document.submit.inputEmail.value == ''){ 
     document.submit.inputEmail.focus(); 
     $("#email-section").addClass("has-error"); 
     return false; 
    } 
    else if(document.submit.inputSpam.value != spamCheck){ 
     document.submit.inputSpam.focus(); 
     $("#spam-section").addClass("has-error"); 
     return false; 
    } 
    else{  
     _gaq.push(['_trackEvent', 'Form', 'Submitted', 'successful', 5]); 
     return true; 
    } 
}

출처

2013-09-24 FreshClicks

같은 형태로 페이지의 <head> 섹션에서 다음 스크립트를 붙여 넣으면

태그의 onsubmit = ""형태의 이벤트를 할 것입니다, 당신은 대상 페이지를 제어하지 않으며을 넣을 수 없습니다 추적 거기? – pawel

http://stackoverflow.com/questions/4086587/track-event-in-google-analytics-upon-clicking-form-submit (승인 된 답변뿐만 아니라 투표 용지 상단을보십시오) – pawel

페이지가 업데이트됩니다. 성공적인 양식 완성에 대한 자기, 그래서 대상 페이지가 없습니다. 실제로 양식에서 submit 함수를 제거하고 페이지를 다시로드하지 않고 JQuery에서 유효성 검사 및 제출을 수행하기 위해 JavaScript를 다시 작성합니다. POST 명령이 GA 푸시를 날려 버리는 것으로 나타났습니다. – FreshClicks

나는이 오래된 질문이다하지만 난 경우 누군가가 필요 단지에 대답 도움이 싶어요. 당신은 그래서

<script language="javascript"> 
    function checkContVal() 
    { 
     var fun = document.submit; 
     if(fun.name.value == ""){ 
      //do something 
      return false; 
     } 
     if(fun.email.value == ""){ 
      //do something 
      return false; 
     } 
     if(f.securityCode.value == ""){ 
      //do something 
      return false; 
     } 
    _gaq.push(['_trackEvent', 'Form', 'Submitted', 'successful', 5]); 
    //ga('send', 'event', 'Category','Submit','Contact Us page enquiry'); OR this event if using universal GA. 
    return true; 
    } 
</script>

출처

2015-11-05 06:36:51 titico

양식 유효성 검사 및 웹 로그 분석 이벤트 추적

답변

관련 문제