Вставка отслеживания конверсий Google Adwords с помощью Javascript или jQuery

Я новичок в javascript, и, вероятно, в этом моя проблема. Я пытаюсь отслеживать конверсии AdWords, которые происходят в виджете на нашем сайте. Пользователь заполняет форму, и результат виджета публикуется в том же div без обновления страницы. Проблема, с которой я столкнулся, заключается в том, что когда я пытаюсь добавить (или добавить в jQuery) оба элемента сценария в код 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&amp;guid=ON&amp;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&amp;guid=ON&amp;script=0";

    $('body').append(scriptTag2);
    $('noscript').append(imgTag);
}

Действительно странно то, что когда я вставляю только один из тегов скрипта (это не не имеет значения, какой из них), он не перенаправляет. Он выполняет перенаправление только тогда, когда я пытаюсь вставить их оба.

Я также попытался поместить первый тег скрипта в исходный код страницы (поскольку он нигде не выполняет никаких вызовов, он просто устанавливает переменные) и просто вставляет преобразования. js, и он по-прежнему выполняет перенаправление.

Если это уместно, я использую Firefox 3.6.13 и пробовал включенный код с jQuery 1.3 и 1.5 (после того, как понял, что мы использовали v1.3).

Я знаю, что что-то упускаю! Какие-либо предложения?

52
задан Kevin Pope 22 February 2011 в 13:06
поделиться