由于 OP @user2297550 说他的最终目标是在事件触发后重定向用户，我将解释如何做到这一点（没有超时或间隔）。以前的一些答案试图检测 Facebook 像素何时<script>完成加载，但这与确定实际事件何时完成触发不同。据推测，OP 想知道PageView事件何时完成。这个解决方案对于每个用例来说并不令人惊奇，但是如果我们没有在页面上发生太多其他事情，它就非常简单。
为了 ping 他们的服务器并跟踪事件，Facebook 的代码创建了一个new Image()并将其src属性设置为类似https://www.facebook.com/tr/?id=XXXXXX&ev=PageView&{more parameters}. 我通过检查跟踪库并找到这个sendGET函数发现了这一点：
this.sendGET = function(b, c, d) {
b.replaceEntry("rqm", "GET");
var f = b.toQueryString();
f = i(c, d) + "?" + f;
if (f.length < 2048) {
var g = new Image();
if (d != null) {
var h = a.getShouldProxy();
g.onerror = function() {
a.setShouldProxy(!0), h || e.sendGET(b, c, d)
}
}
g.src = f;
return !0
}
return !1
};
Image.onload我们可以通过使用重定向代码填充默认回调来挂钩该图像加载。结果是这样的，可以直接放在标题中正常 Facebook 像素代码的上方：
OriginalImage = Image;
Image = function(){
let oi = new OriginalImage();
oi.onload = function() {
// if the image that loaded was indeed a Facebook pixel
// for a "PageView" event, redirect
if( this.src.indexOf( 'facebook.com/tr/?id=XXXXXX&ev=PageView' ) != -1 )
window.location = 'https://example.com/redirect-here';
};
return oi;
};
所以一个完整的“绘制用户和重定向”页面可能看起来像这样：
<html>
<head>
<!-- Facebook Pixel Code -->
<script>
OriginalImage = Image;
Image = function(){
let oi = new OriginalImage();
oi.onload = function() {
// if the image that loaded was indeed a Facebook pixel
// for a "PageView" event, redirect
if( this.src.indexOf( 'facebook.com/tr/?id=XXXXXX&ev=PageView' ) != -1 )
window.location = 'https://example.com/redirect-here';
};
return oi;
};
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXX');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXX&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<body></body>
</html>
当然，您可以跳过 Javascript，直接从该<noscript>块加载图像并添加“onload”属性，如下所示：
<html>
<head>
<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXX&ev=PageView&noscript=1"
onload="window.location = 'https://example.com/redirect-here';"/>
<!-- End Facebook Pixel Code -->
</head>
<body></body>
</html>
但我猜想，普通图像跟踪会降低 Facebook 识别用户的能力。
此策略可能适用于更通用的用例，您希望检测何时将任意事件发送到 Facebook。onload但是为普通页面上的每个图像填充回调可能是不明智的。也知道 Facebook 可以随时更改他们的代码，从而打破这一点。
