IE 8中的Google跟踪代码管理器自定义JavaScript失败

Question

I am a beginner to use GTM, and I want to track how many users click on the two links.

<ul>
   <li><a href="XXX.XXX.XXX" title="ABC"><span>YYY</span></a></li>
   <li><a href="XXX.XXX.XXX">YYY</a></li>
</ul>

The only different between the two link is one has "title" and is surrounded by "span" tag.

I try to use custom javascript to return different value.

function(){
    var ele = {{element}}; //this should be the "a" tag
    var ref = ele.getAttribute("href");
    var tit = ele.getAttribute("title");
    var inner = ele.innerHTML.toString();

    if({{user_if_mpf}} == true && (tit !== null)){
        var str = ele.childNodes[0].innerHTML + " (From First line)";
        return str; 
    }
    else if({{user_if_mpf}} == true){
        return ele.innerHTML + " (From Second line)";
    }
}

This works fine in Chrome, but when I test it on IE8, when I click the first line, it returns YYY (From Second line)

Can someone help me to solve this problem. Thank you.

Answer 1

If you can add a class to your anchor tags, you can fire the tags using the Link Click event listener tag.

For example, add gtm_phone to anchor tag:

<ul>
  <li><a href="XXX.XXX.XXX" title="ABC" class="gtm_phone"><span>YYY</span></a></li>
  <li><a href="XXX.XXX.XXX" class="gtm_phone">YYY</a></li>
</ul>

Then, create an event within GTM:

The {{element - text}} macro is just a Auto-Event Variable > Element Text:

Finally, add your rule: