Google 태그 관리자 DataLayer allways Push

Question

사용자가 양식을 제출하려고 시도했지만 누락되었거나 유효하지 않은 입력란을 표시 할 때 유효하지 않은 것으로 표시된 입력란의 데이터를 다시 제공하는 태그 관리자에 태그가 있습니다.

이

다음 코드를 사용하여 수행됩니다 :

// Get user Agent 
 
    var Uagent = navigator.userAgent; 
 
         
 
    // Validation Errors Check 
 
    document.getElementById("btnSubmit").onclick = function() { 
 
    errorLoop(); 
 
} 
 

 
function errorLoop() { 
 
    var runner = document.getElementsByClassName("invalid"), 
 
     formEmail = document.getElementById('email').value, 
 
    dataL = []; 
 
    dataLayer.push({'formEmail' : formEmail}); 
 

 
    if (runner) { 
 

 
    for (var i = 0; i < runner.length; i++) { 
 
     var errName = runner[i].getAttribute("name"), 
 
     errId = runner[i] 
 
     .getAttribute("id"); 
 

 
     dataL.push("Field: " + errName + " - ID: " + errId); 
 
    } //End for 
 

 
    dataL.toString(); 
 
    var vadout = dataL + " Device: " + Uagent; 
 
    
 
    console.log(dataL); 
 

 
    dataLayer.push({ 
 
     'formEmail' : formEmail, 
 
     'validationError': vadout, 
 
     'event' : 'errorpush' 
 
    }); 
 

 

 
    } //End if 
 
} //End errorLoop

그래서 무슨 기본적으로 여기에서 일어나고있는 것은 우리가 모든 필드는 클래스가 있는지 확인하기 위해 양식을 확인하는 제출에 invalid &이면 필드 이름을 &으로 추가 한 다음 인쇄하여 배열을 데이터 레이어에 인쇄합니다.

태그 자체는 errorpush이라는 사용자 지정 이벤트를 사용하여 트리거됩니다.

문제는 아직 많은 사람들이 유효성 검사 오류를 얻는 시간의 약 80 %에 불과하지만 유효성 오류로 인해 데이터 계층 및 Google 애널리틱스로 돌아 가지 않는 것으로 보입니다.

나는 datalayer push에 지연 시간을 추가하여이 문제를 일으킬 수있는 박쥐를 알 수있는 사람이 있는지 알고 싶었습니다.

Answer 1

클래스 이름이 "유효하지 않은"요소가없는 경우 러너가 빈 배열로 선언됩니다. 그러나 if 문은 선언 만 검사합니다.

항상 유효하지만 "유효하지 않은"요소는 없습니다. 결과적으로 dataL.push("Field: " + errName + " - ID: " + errId);은 for 루프에서 실행되지 않지만 dataLayer.push은 실행되므로 오류없이 errorpush 이벤트가 발생합니다.

이 문제를 해결하기 위해, 나는 당신의 if 문을 다시 작성하는 것이 좋습니다 것입니다 :

if(runner.length > 0){ 

} 

을 나는이 방법으로 문제가 해결되기를 바랍니다.