我是javascript的新手,这可能就是我的问题所在。我正在尝试跟踪发生在我们网站上的小部件中的AdWords转换。用户填写表单,小部件的结果将在相同的div中发布,而无需刷新页面。我遇到的问题是,当我尝试在谷歌代码(如下所示)中appendChild (或在jQuery中追加)两个脚本元素时,页面会被302重定向到一个空白的谷歌页面(或者至少通过FireBug看起来是这样的)。我可以为表单的结果提供一个回调方法,这就是我尝试插入AdWords跟踪代码的地方。作为参考,以下是Google提供的代码:
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 993834405;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "bSpUCOP9iAIQpevy2QM";
/* ]]> */
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/993834405/?label=bSpUCOP9iAIQpevy2QM&guid=ON&script=0"/>
</div>
</noscript>
非常标准的东西。因此,我要做的是使用回调方法(已提供)将此代码插入到结果页面中。坦率地说,当我尝试使用js或jQuery (无论是在原始页面加载时还是在回调中)插入此代码时,我都会被重定向,所以可能回调位无关紧要,但这就是为什么我不只是将其粘贴到页面代码中的原因。
我已经尝试了许多不同的方法来做这件事,但这是我目前所做的(请原谅我的草率。现在我正试着解决这个问题!):
function matchResultsCallback(data){
var scriptTag = document.createElement('script');
scriptTag.type = "text/javascript";
scriptTag.text = scriptTag.text + "/* <![CDATA[ */\n";
scriptTag.text = scriptTag.text + "var google_conversion_id \= 993834405\;\n";
scriptTag.text = scriptTag.text + "var google_conversion_language \= \"en\"\;\n";
scriptTag.text = scriptTag.text + "var google_conversion_format \= \"3\"\;\n";
scriptTag.text = scriptTag.text + "var google_conversion_color \= \"ffffff\"\;\n";
scriptTag.text = scriptTag.text + "var google_conversion_label \= \"bSpUCOP9iAIQpevy2QM\"\;\n";
scriptTag.text = scriptTag.text + "/* ]]> */\n";
$('body').append(scriptTag);
$('body').append("<script type\=\"text\/javascript\" src\=\"http://www.googleadservices.com/pagead/conversion.js\" />");
//I have also tried this bit above using the same method as 'scriptTag' with no luck, this is just the most recent iteration.
var scriptTag2 = document.createElement('noscript');
var imgTag = document.createElement('img');
imgTag.height = 1;
imgTag.width = 1;
imgTag.border = 0;
imgTag.src = "http://www.googleadservices.com/pagead/conversion/993834405/?label=bSpUCOP9iAIQpevy2QM&guid=ON&script=0";
$('body').append(scriptTag2);
$('noscript').append(imgTag);
}
真正奇怪的是,当我只插入一个脚本标记时(不管是哪一个),它都不会重定向。只有当我尝试同时插入它们时它才会重定向。
我还尝试将第一个脚本标记放到原始页面代码中(因为它没有进行任何调用,它只是设置变量),并且只插入conversions.js文件,它仍然执行重定向。
如果与之相关,我使用的是Firefox3.6.13,并且已经在jQuery 1.3和1.5中尝试了包含的代码(在意识到我们使用的是1.3版之后)。
我知道我漏掉了什么!有什么建议吗?
https://stackoverflow.com/questions/5085132
复制相似问题