如何实现Facebook转换跟踪onclick或没有单独的"谢谢"页面

Question

尝试在Facebook标签中实施Facebook转换跟踪.您可以在http://www.facebook.com/StChristophersFellowship/app_366591783429546查看该页面,该问题是一旦表单提交后单独页面未运行.我可以制作一段javascript运行,但只需点击提交按钮,我认为它也被注入到HTML文档的头部.我找到了从链接或点击运行Javascript的答案 - 如果我从单独的JS文档调用跟踪/转换代码,这种方法会起作用吗？

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

"我必须同意上面的评论,你不能调用文件,但你可以加载这样的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>"

Answer 1

我尝试使用Nicolás解决方案,但转换从未得到验证.

但是我发现了一篇描述一种技术的文章,它使用了来自的URL <noscript><img src="..." /></noscript>.

在页面上放置一个元素,如:

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

然后为您的转化声明这些CSS规则,更改您自己的跟踪代码中找到background-image的<noscript>URL.

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

当您希望跟踪发生时(例如,在AJAX表单提交时),您将该fb_conversion类添加到<div>使用JavaScript.例如,使用jQuery:

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

这将使浏览器加载图像,从而跟踪您的转换.