2017-11-14 11 views
1

Google Analytics를 통해 이벤트 추적을 설정하려고합니다. 텍스트 링크로 작업하는 것은 쉽지만 이미지로 작업 할 수는 없습니다. 내가 코드를 추가하는 방법을 Google's example 따라야하지만 클릭 할 수없는 이미지 링크가 나타납니다 (나는 배너를 클릭하고 아무 일도 일어나지 않지만 배너를 마우스 오른쪽 단추로 클릭하고 새 창에서 열면 작동합니다) .이미지의 Google Analytics 이벤트 추적이 작동하지 않습니다.

링크에 내 코드는 아래를 참조하십시오 :

<a href="http://keystonetech.com" target="_blank" 
onclick="trackOutboundLink('http://keystonetech.com');return false;"><img 
src="/wp-content/uploads/2017/09/keystone-direct-drive-led-t5.jpg" alt="" 
width="617" height="128" /></a> 

을 그리고 아래에있는 Google 웹 로그 분석 스크립트 - 1 일 표준 범용 웹 로그 분석 GA 스크립트이며, 아래 하나가 다시 (링크를 추적하는 것입니다, 위의 Google 링크 별).

<!-- Global Site Tag (gtag.js) - Google Analytics --> 
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-437557- 
32"></script> 
<script> 
    window.dataLayer = window.dataLayer || []; 
    function gtag(){dataLayer.push(arguments)}; 
    gtag('js', new Date()); 

    gtag('config', 'UA-437557-32'); 
</script> 
<script> 
/** 
* Function that tracks a click on an outbound link in Analytics. 
* This function takes a valid URL string as an argument, and uses that URL 
string 
* as the event label. Setting the transport method to 'beacon' lets the hit 
be sent 
* using 'navigator.sendBeacon' in browser that support it. 
*/ 
var trackOutboundLink = function(url) { 
    ga('send', 'event', 'outbound', 'click', url, { 
    'transport': 'beacon', 
    'hitCallback': function(){document.location = url;} 
    }); 
} 
</script> 

문제 거짓말은 많이 주시면 감사하겠습니다 위치에 어떤 생각이! 읽어 주셔서 감사합니다.

답변

0

나는 올바른 방향으로 보낼 수 있다고 생각합니다. 문제가 다양한 분석 추적 코드의 차이라고 확신합니다. 귀하는 analytics.js와 다른 이벤트 구조를 가진 것으로 보이는 최신 Gtag.js를 사용하고 있습니다.

저는 개인적으로 Google 태그 관리자를 사용하고 있습니다.하지만 저는 Gtag에 대해 이벤트를 호출하는 구조가 다른 것으로 확신합니다. .js.

https://developers.google.com/analytics/devguides/collection/gtagjs/events#recommended-event-parameters

을 내가 당신이라면 실제 기능의 모습처럼, 그것은 같습니다 : 다음 페이지는 특별히이다 나는 것이 바로 코드를 읽고 있어요 경우

gtag('event', 'event_name', { 
'event_category': categoryName, 
'event_label': labelName 
}); 

기본적으로 :

gtag('event', 'click', { 
'event_category': 'outbound', 
'event_label': url 
}); 

그럼 당신은 제대로 클릭에 해당 기능을 트리거하고 크롬 확장 구글 분석 디버거 확실히 잡아 수 확인 콘솔에서 화재가 GA에 맞았는지 확인하십시오. 타다!