为什么我的 facebook 像素不会在元刷新重定向页面上触发？答案

【问题标题】：Why my facebook pixel don't fire on a meta-refresh-redirect page?为什么我的 facebook 像素不会在元刷新重定向页面上触发？
【发布时间】：2020-01-09 15:34:11
【问题描述】：

我正在使用包含提交表单的登录页面。

用户输入详细信息并提交后，我将他发送到元刷新重定向页面，该页面会在 1 秒后将他重定向到我的产品页面。

我已经在重定向页面上安装了 Facebook 像素跟踪，但由于某种原因，当用户在提交表单后到达它时它没有触发。

这是重定向页面的 HTML 代码：

<html>
<head>
  <!-- Facebook Pixel Code -->
  <script>
    !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', '369855543698802');
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=369855543698802&ev=PageView&noscript=1"/></noscript>
  <!-- End Facebook Pixel Code -->
  <meta http-equiv="Refresh" content="1; https://jvz4.com/c/617427/95609" />
</head>
<body>
  <script>
    fbq('track', 'Lead');
  </script>
  <p style="text-align:center; font-size:45px;">We are redirecting you to VideoMakerFX....</p>
</body>
</html>

如何将其设置为触发线索事件？任何帮助将不胜感激。谢谢

【问题讨论】：

事件 SDK 异步加载，如果您在一秒钟后重定向，它可能根本不可用。您可以只使用图像版本（当前包含在 noscript 元素中的内容），并希望其自身加载速度更快，以便在这些情况下正确跟踪。（是否一直使用非 JS 跟踪会扭曲这方面的任何统计数据，不知道。）

标签： facebook redirect triggers pixel facebook-pixel

【解决方案1】：

您的设置没问题，应该可以工作。我用您的代码自己制作了一个 poc，并发送了潜在客户。但是您无法通过 Pixel Helper 扩展看到它。要查看它，您必须使用浏览器开发人员工具的网络窗格。我使用 Chrome DevTools。

@misorude 关于重定向时间是正确的。 Facebook 标签非常快，但您可能会在 1 秒的重定向时间内丢失一部分点击。

也许您可以自己形成像素有效负载并使用navigator.sendBeacon 发送请求。您的重定向页面可能是这样的：

<head>
  <!-- Facebook Pixel Code -->
  <script>
    var id = '369855543698802';
    var hits = ['PageView', 'Lead'].map(function(event, index) {
      return 'https://www.facebook.com/tr/?id=' + id + '&ev=' + event + '&dl=' + encodeURIComponent(location.href) + '&rl=' + encodeURIComponent(document.referrer) + '&ts=' + Date.now() + '&v=2.9.4' + '&r=stable&ec=' + index + '&fbp=' + document.cookie.replace(/(?:(?:^|.*;\s*)_fbp\s*\=\s*([^;]*).*$)|^.*$/, "$1") + '&it=' + (Date.now() - 1000) + '&coo=false&rqm=GET';
    });
    hits.forEach(function(hit) {
      navigator.sendBeacon(hit);
    });
  </script>

  <meta http-equiv="Refresh" content="1; https://example.com" />

</head>

<body>
  <p style="text-align:center; font-size:45px;">We are redirecting you to example.com</p>
</body>

</html>

【讨论】：