뉴비는늅늅울어요
10
2021-05-05 07:25:33
1
54

제이쿼리 클릭 이벤트와 gtag 태그 관련 문의드립니다.



현재 웹페이지 버튼에 링크를 걸어두었고, 버튼을 클릭한 횟수를 GA에서 확인하고자 gtag 태깅을 해 둔 상태입니다.

링크는 제대로 작동하나 gtag 태그는 작동하지 않아 그 원인을 찾고 있는데, 제가 초보자라 너무 모르겠어서 첫 가입인데 염치불구하고 질문 올립니다. 아래는 현재 HTML에 구현돼 있는 소스입니다.

a 태그엔 현재 1) DOM이 불려와진 뒤 애니메이션 효과가 붙고, 2) href 링크가 있습니다.

추정하기로 동작하지 않는 1) 효과 때문인 것으로 보이는데, 고수 님들의 혜안을 부탁드립니다 ㅠ 


1. jQuery 소스(별색 : 작동해야 하는데 작동 안 하는 소스)


$(document).ready(function(){

$('a').click(function(){

$('html, body').animate({

scrollTop: $( $.attr(this, 'href') ).offset().top

}, 500);

return false;

});

$('.go_google').on('click', function() {

gtag('event', 'click', {'event_category' : 'google_appdown'}); 

});


});


2. 버튼 HTML 소스


<a href="http://play.google.com/store/apps/details?id=########" class="go_google"></a>

0
  • 답변 1

  • 댄토리
    403
    2021-05-05 14:13:38

    일단 원인은 스크립트에 오류가 있어서 그 이후의 코드가 작동하지 않는 문제입니다.


    코드의 오류가 발생하는 지점은 scrollTop: $( $.attr(this, 'href') ).offset().top << 이부분인데


    cosole.log($.attr(this, 'href')); 로 해당 값을 보시면 아시겠지만,

    "http://play.google.com/store/apps/details?id=########" 입니다.


    즉 $('http://play.google.com/store/apps/details?id=########').offset.top 이되는데,

    이건 보시기에도 말이 안되는 코드죠?


    의도가 정확히 어떤건지는 모르겠지만,

    이부분이 올바르게 작동하도록 수정해주시면 정상적으로 gtag 부분도 작동하게됩니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.