5

GTM을 사용하여 내 전화 통화 추적 기능을 사용하려고합니다. 애드워즈 사이드 (전화 확장 + 웹 사이트 전환에서 전화)에서 모든 것이 설정되지만 바꾸기 기능은 여전히 ​​작동하지 않습니다._googWcmGet 동적 전화 번호가 포함 된 GTM을 통해 작동하지 않는 콜백

<script type="text/javascript"> 
// the code from adwords, loads the _googWcmGet function 
(function(a,e,c,f,g,b,d){var h={ak:"XXXXXXX",cl:"XXXXXXXX"};a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[f]||(a[f]=h.ak);b=e.createElement(g);b.async=1;b.src="//www.gstatic.com/wcm/loader.js";d=e.getElementsByTagName(g)[0];d.parentNode.insertBefore(b,d);a._googWcmGet=function(b,d,e){a[c](2,b,h,d,null,new Date,e)}})(window,document,"_googWcmImpl","_googWcmAk","script"); 

// my callback to replace the number 
var replaceNumber = function (formatted_number, unformatted_number) { 
    console.log("replaceNumber() called"); 
} 

var getNumber = function() { 
    var links = document.getElementsByTagName("a"); 
    var oldNumber = null; 

    for(var i=0; i<links.length; i++) { 
    if(links[i].href.indexOf("tel") > -1) { 
     var el = links[i]; 
     var oldNumber = el.innerHTML.split("<")[0]; 
    } 
    } 
    // console.log(oldNumber); -> 123-456-7890 
    return oldNumber; 

} 

window.onload = function() { 
    _googWcmGet(replaceNumber, getNumber()); 
}; 

</script> 

getNumber()는 대체 정확한 전화 번호를 반환 (형식 : 123-456-7890), 그러나 replaceNumber가 호출되고 있지 않습니다. 이것은 전화 번호가 정적으로 제공되는 대신 함수에 의해 검색된다는 점을 제외하면 예와 거의 같습니다.

왜 replaceNumber가 호출되지 않습니까?

+0

하나의 문제는 onload 이벤트 처리기 일 수 있습니다. 실제로 페이지로드시 스크립트를 실행하도록 GTM에 지시 할 수 있으므로 실제로는 필요하지 않습니다. –

+0

그것은 나의 초기 생각이었습니다. 그러나 getNumber에 넣은 것이 실행되기 때문에'_googWcmGet (replaceNumber, getNumber()); '가 확실히 실행됩니다. 이게 네가 말하는거야? – mz3

답변

10

콜백은 방문자가 애드워즈 광고에서 온 경우에만 실행됩니다. 즉, 테스트하려면 유료 클릭을 생성해야합니다.

그것은 미묘 "... 사람들이 광고를 클릭 한 후 웹 사이트에서 확인 전화"

는하지만, 거기 : 문서에서

은 통화 추적을 추적하는 데 사용할 수 있습니다. 테스트하려면 자신의 애드워즈 광고를 클릭해야합니다. 그런 다음 동일한 URL을 나중에 사용할 수 있도록 태그와 같은 태그와 함께 URL을 저장하여 클릭 비용을 더 내지 않고 테스트를 계속하십시오. 아마도 URL이 무엇인지 아는 경우 광고를 클릭 할 필요조차 없습니다.

편집 : @dorian에서 아래의 주석은 매우 유용합니다. 나는 여기에 가시성을 포함시키고 있지만, 그에게 upvote도 제공하십시오.

아마 조금 늦었지만 통화 추적을 활성화 한 페이지의 URL에 # google-wcc-debug를 추가하여 활성화 할 수있는 매우 유용한 디버깅 모드가 있습니다. 불행히도이 디버그 모드는 어디에도 문서화되어 있지 않은 것 같습니다.

+17

아마 조금 늦었 겠지만 콜 추적을 활성화 한 페이지의 URL에'# google-wcc-debug'를 추가하여 활성화 할 수있는 매우 유용한 디버깅 모드가 있습니다. 불행히도이 디버그 모드는 어디에도 문서화되어 있지 않은 것 같습니다. – dorian

+0

매우 도움이됩니다. 너는 어떻게 그걸 비틀려고 했니? – mz3

+0

우리는 또한 통화 추적 구현에 약간의 문제가있었습니다. 도움이되지 않는 것 같으면 스 니펫에 의해로드 된 스크립트를 조사했습니다. 'http : // www.gstatic.com/wcm/impl-1_22.js'를 보면 알게 될 것입니다. – dorian