如何在点击或没有单独的“谢谢”页面时实施 Facebook 转化跟踪答案

【问题标题】：How to implement Facebook conversion tracking onclick or when there's no separate 'Thank you' page如何在点击或没有单独的“谢谢”页面时实施 Facebook 转化跟踪
【发布时间】：2013-03-11 00:00:09
【问题描述】：

尝试在 Facebook 选项卡中实现 Facebook 转化跟踪。您可以在此处查看页面http://www.facebook.com/StChristophersFellowship/app_366591783429546 问题是提交表单后不会运行单独的页面。我可以让一段 javascript 运行，但只有 onclick 提交按钮，我认为它也有被注入到 HTML 文档的头部。我找到了从链接或单击运行 Javascript 的答案 - 如果我从单独的 JS 文档调用跟踪/转换代码，此方法是否有效？

任何帮助将不胜感激 - 谢谢！

“我必须同意上面的 cmets，你不能调用文件，但是你可以像这样加载一个 JS 文件，我不确定它是否回答了你的问题，但它可能会有所帮助......哦和我在示例中使用了链接而不是按钮...

<a href='linkhref.html' id='mylink'>click me</a>

<script type="text/javascript">

var myLink = document.getElementById('mylink');

myLink.onclick = function(){

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "Public/Scripts/filename.js."; 
document.getElementsByTagName("head")[0].appendChild(script);
return false;

}


</script>"

【问题讨论】：

您不想简单地使用 Google Analytics 进行跟踪并创建一些自定义事件？
否，因为它与我们的广告工具集成，因此我们可以跟踪我们正在运行的 Facebook 广告的转化。棘手！必须由 Facebook 驱动。
好的。您可以包含整个文件，但为什么不直接触发一个函数呢？ filename.js 中有什么内容？附言我看不到您的应用，它可能处于沙盒模式、隐藏或受国家/地区限制。
哦，好的，对不起。这是实际页面bigtopcms.com/tab/st-christophers/welcome 它只是通过 Facebook 上的一个框架推入

标签： javascript ajax facebook onclick tracking

【解决方案1】：

我尝试使用 Nicolás 解决方案，但从未验证转换。

但是，我发现 an article (archived version) 描述了一种即时有效的技术，使用来自 <noscript><img src="..." /></noscript> 的 URL。

在您的页面上放置一个元素，例如：

<div id="fb_pixel"></div>

然后为您的转化声明这些 CSS 规则，将 background-image 更改为您自己的跟踪代码中的 <noscript> 网址。

#fb_pixel { display:none; }
.fb_conversion
{
    background-image: url('https://www.facebook.com/offsite_event.php?id=33333333333&value=0&currency=USD');
}

当您希望进行跟踪时（例如，在提交 AJAX 表单时），您可以使用 JavaScript 将 fb_conversion 类添加到 <div>。例如，使用 jQuery：

$("#fb_pixel").addClass("fb_conversion");

这将使浏览器加载图像，从而跟踪您的转化。

【讨论】：

【解决方案2】：

我有一个类似的问题，我解决了它把 AJAX 调用放在跟踪回调上。如下：

$(function () {
    $('#btnSend').click(facebookTrackingSendClick);
});

function facebookTrackingSendClick(e) {
    e.preventDefault();
    var clickedElement = this;
    var fb_param = {};
    fb_param.pixel_id = '123';
    fb_param.value = '0.00';
    fb_param.currency = 'BRL';
    (function () {
        var fpw = document.createElement('script');
        fpw.async = true;
        fpw.src = '//connect.facebook.net/en_US/fp.js';
        fpw.onload = function () {
            // Callback here.
        };
        var ref = document.getElementsByTagName('script')[0];
        ref.parentNode.insertBefore(fpw, ref);
    })();
}

【讨论】：