Shopify, кажется, не работает мой JavaScript

Я пытаюсь реализовать пиксель отслеживания. Я тестировал свой вывод в нескольких средах. Ive пытался с или без обертывания кода в функции и развертывания его с помощью window.onload.

Вот скрипка, показывающая, что она работает так же, как и предполагалось. jsFiddle

В принципе, код не добавляет src к изображению вообще в shopify. Im с полной потерей относительно почему. Я проверил загрузку jquery library theyre, соответствовал ей и т.д. Теоретически это должно срабатывать безупречно.

Код помещается в окно дополнительного содержимого и скриптов, так как это ссылка для отслеживания покупок. Любая помощь здесь была бы высоко оценена.

<img id="nanImg" style="display:none;" />
<script type="text/javascript" src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js"></script>
<script type="text/javascript">
function nanigansLink () {
var emailTrim = $.trim("    {{customer.email}}   ");
var emailLower = emailTrim.toLowerCase();
var hash = CryptoJS.MD5(emailLower);
var imageSrc = "https://api.nanigans.com/event.php?app_id=67997&type=purchase&name=main&user_id="+ hash + "&unique={{ order_number }}&qty[0]= {{ line.qty }}&sku[0]=REV1&value[0]=19900&ut1=" + hash;
var input = document.getElementById('nanImg');
input.src = imageSrc; }
window.onload = nanigansLink;
</script>