使用Angular.js跟踪像素

时间:2014-10-07 16:48:19

标签: javascript angularjs

我们正在使用facebook跟踪像素来跟踪我们的facebook广告的效果。 为此,对于第一次使用我们服务的每个用户,我们需要在DOM中触发跟踪像素。 我们通过在控制器中将$ scope.newReg设置为true并使用模板中的以下代码来实现。

<div ng-if="newReg == true">
<img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=xxxxxx&amp;cd[value]=0.00&amp;cd[currency]=EUR&amp;noscript=1" />
</div>

问题是如果$ scope.newReg设置为false,实际上会发生什么。 我想跟踪像素不应该被解雇,但根据文档,它似乎可以解雇。 “如果条件是假的,那么元素将从DOM树中删除。” 这意味着跟踪像素可能会在很短的时间内出现在DOM中,然后被删除。即使条件失败,这也会触发跟踪计数器。

2 个答案:

答案 0 :(得分:3)

没有其他人处理这个问题?

这个答案似乎对我有用: Facebook Custom Audience pixel on SinglePageApplication SPA

但我相信有更多方法可以处理它。

答案 1 :(得分:1)

我建议您不要依赖于ng-if文档,因为性能需求或某些错误而可能会改变下一版本。

我建议您创建自己的跟踪像素指令,如果条件良好,则会注入html。