Android 버전 Chrome (ver77)에서 브라우저 comfirm 대화 상자가 사라지는 원인

현상



폼의 입력 화면에서 버튼을 탭하면 window.confirm 다이얼로그가 일순간 표시되고 나면 사라진다.
→ 다이얼로그의 OK 버튼으로 form의 POST 송신 처리를 실행하고 있기 때문에 송신할 수 없다!
확인한 단말:Android(6,7,8)판 chrome(ver77).
※iOS판은 미확인.
Android 버전 chrome (ver76)에서는 발생하지 않았습니다.

원인은 Facebook Pixel



이 기사와 같은 조건에서 발생했습니다.
Facebook Pixel Code와 Google Chrome75의 궁합이 좋지 않은 경우

버튼을 클릭했을 때 Facebook Pixel의 POST가 나쁘다.
Facebook Pixel이란?

Facebook Pixel은 페이지의 어떤 js가 호출하고 있습니까?



페이지 내의 관리 담당 밖의 어딘가에 묻힌
마케팅 담당 영역의 계측 관련 js가 호출했습니다.

1.Network 패널을 열고 왼쪽의 Filter와 입력란에 <script>2. Initiator 열을 봅니다. (fbevents.js의 호출자가 표시됨)
3. 호출자의 js가 HTML의 fbevents.js에 기술되어 있지 않으면, 그 js의 Initiator를 확인
※페이지의 소스내의 <script src="~.js"> 에 도착할 때까지 반복한다

해결 방법


  • 그 페이지만 fbevents.js를 호출하지 않도록 수정한다
  • Facebook Pixel 코드를 사용자 정의합니다. (특정 버튼만 이벤트 추가시키는 등)
    대응 방법 참조 : 페이스 북 픽셀 코드 삽입에 대한 메모
    Facebook Pixel Advanced
  • confirm 의 OK 버튼을 누른 후의 POST 송신 처리를 수정한다
    대응 방법 참조 : Facebook Pixel Code와 Google Chrome75의 궁합이 좋지 않은 경우

  • 참고



    이 기사는 다음 정보를 참고했습니다. 매우 빚을졌습니다.
    - Facebook Pixel Code와 Google Chrome75의 궁합이 좋지 않은 경우
    - 페이스 북 픽셀 코드 삽입에 대한 메모

    좋은 웹페이지 즐겨찾기