Я новичок в javascript, и в этом, вероятно, лежит моя проблема. Я пытаюсь отслеживать конверсии AdWords, которые происходят внутри виджета на нашем сайте. Пользователь заполняет форму, и результат от виджета публикуется в том же div без обновления страницы. Проблема, с которой я сталкиваюсь, - это когда я пытаюсь добавить appendChild (или добавить в jQuery) как script элементы в коде Google (показано ниже), страница получает 302, перенаправляется на пустую страницу Google (или, по крайней мере, то, на что похоже 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);
}
Самое странное, что когда я вставляю только один из тегов script (неважно, какой), он не перенаправляет. Он только перенаправляет, когда я пытаюсь вставить их оба.
Я также попытался помещать первый тег script в исходный код страницы (поскольку он не делает никаких вызовов в любом месте, он просто устанавливает переменные) и просто вставляет файл convertions.js, и он все еще выполняет перенаправление.
Если это актуально, я использую Firefox 3.6.13 и попробовал включенный код с jQuery 1.3 и 1.5 (после реализации мы использовали v1.3).
Я знаю, что чего-то не хватает! Какие-либо предложения?