window.open避免来自函数处理程序的弹出窗口阻止程序

Question

我正在使用Google Analytics（分析）外部链接跟踪代码：

var trackOutboundLink = function(url) {

    ga('send', 'event', 'outbound', 'click', url, {'hitCallback':
            function () {
                window.open ( url, "_blank" );
                //document.location = url;
            }
        });
    }

称为：

<a target="_blank" onclick="trackOutboundLink('http://www.example.com'); return false;" href="http://www.example.com">Full Brochure</a> 

但是，由于未从用户交互直接调用window.open，因此启用了浏览器弹出窗口阻止程序。

我如何才能做到这一点，以便目标是一个新选项卡，但不使用弹出窗口阻止程序？ 谢谢

Answer 1

我会毫不客气地做到这一点。 所以：

<a target="_blank" href="http://www.example.com" rel="external">...</a>

然后是JS：

/* Find all external links in the document... */
var ext_links = document.querySelectorAll('a[rel=external]');

/* Iterate through each external link in the document... */
[].forEach.call(ext_links ,function(a){
    /* For each external link, assign an onclick callback: */
    a.addEventListener('click',function(){
        /* Google tracking code here, try this: */
        var url = a.href;
        ga('send', 'event', 'outbound', 'click', url);
    })
});

请注意，我没有使用event.preventDefault（）取消超链接的默认操作，因此在运行“单击”功能后，它仍应立即在新窗口/选项卡中打开。