Javascript - 获取Google跟踪代码管理器点击链接的图片替代文字

时间:2014-12-17 15:25:45

标签: javascript google-tag-manager

我想在用户点击它时使用下面的Javascript捕获图像的alt属性,但我可以获得的结果始终为null。我想提取“Youtube”alt属性。

<a href="http://www.youtube.com/" title="Youtube" target="_blank">
<img src="/example" class="example" alt="Youtube">
</a>


function() {
    var elem = {{element}},
        attr = "alt", // change to corresponding attributes
            result = (elem.getAttribute && elem.getAttribute(attr)) || null;

    if( !result ) {
        var attrs = elem.attributes,
            l = attrs.length;
        for(var i = 0; i < l; i++) {
            if(attrs[i].nodeName === attr)
                result = attrs[i].nodeValue;
                }
    }

    return result;
}

1 个答案:

答案 0 :(得分:0)

我假设您上面发布的JS代码是GTM JS宏?我不确定你是否有点击监听器或链接点击监听器,但如果它是第二个,则它不能正常工作,因为alt是图像的属性,而不是链接。如果你有一个链接点击监听器,这个JS GTM宏可能只是工作:

function(){
    var self = {{element}};
    if (typeof self.children === 'undefined' || self.children.lenght == 0 || typeof self.children[0].alt === 'undefined')
    {
    return '';
    }
    return self.children[0].alt;
}

您还可以调整自己的代码,以从子img获取属性。