jquery - 将 点击事件作为 Google Analytics 事件处理

Question

当用户单击具有某些属性的标签(例如，'tel:' 链接、'.zip' 扩展名)时，我正尝试使用 GA 标签发送事件，但 anchor 的绑定(bind)/解除绑定(bind)存在问题。

除非我也拦截点击，否则 GA 不会发送事件，这解释了我为什么要这样做。我无法在任何地方在线找到可靠的示例。

$('a').on('click', function( event ) {

    $linkObj = $( this );

    // Get element attributes
    href = $linkObj.attr('href') + '';

    // Safety check
    if ( !href || href === undefined || typeof href === 'undefined' ) {
        href = '';
    }

    // If link is telephone number
    try {

        if ( href.substring(0, 4) === 'tel:' ) {

            event.preventDefault ? event.preventDefault() : event.returnValue = false;

            sendEvent( 'call', 'click', href.split( 'tel:' )[ 1 ] + '' );

            $linkObj.unbind( 'click' ).click();

            // this doesn't seem to re-enable to <a> as clickable
            setTimeout ( function () { 
                $linkObj.bind( 'click' ).click(); 
            }, 100 );

        }
    catch (e) {
        console.log ('err: ', e );

});

var sendEvent = function ( category, action, label, value ) {
    ga( 'send', 'event', category, action, label, value );
};

Answer 1

由于您已经在使用 jQuery，您可以使用“属性以结尾”或“属性包含”选择器:

jQuery("[href$='zip'] ,[href*='tel:']").click(function () {
 // do the analytics
}

这只会首先返回 zip- 和 tel- 链接，因此您不需要任何自定义“安全检查”。