使用Onclick事件处理程序触发Doubleclick Floodlight

Question

当用户单击公司网站上的Facebook按钮时，我必须触发双重照明Floodlight代码。问题是，整个网站是由umbraco构建的，使用诸如“andthis”之类的小部件，这使得添加功能标签变得困难。

我打算在下面使用这段代码，所以当用户点击包含“共享到社交媒体”按钮的div标签时，它会触发该标签，但是在测试中它不会触发它要搜索的标签带走用户。我究竟做错了什么？我只是想在用户点击时加载标签，我不想实际离开他们当前所在的页面。

<div id="buttonsContainer"> 
    <p>Click or double click here.</p> 
</div> 

<script> 
    $("#buttonsContainer").click(function() { 

var axel = Math.random() + ""; 
var a = axel * 10000000000000; 
document.write('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 
}); 
</script> 

Answer 1

当用户点击因为您正在使用document.write而重新加载页面时，它会重新打开流以写出页面。你会想要使用像$（'buttonsContainer'）。append（''）;将iframe放入buttonsContainer元素中。

例如：

<div id="buttonsContainer"> 
    <p>Click or double click here.</p> 
</div> 

<script> 
    $('#buttonsContainer').click(function() { 
     var axel = Math.random() + ''; 
     var a = axel * 10000000000000; 
     $(this).append('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 
    }); 
</script>