Shopify 似乎没有运行我的 javascript

Question

我正在尝试实现跟踪像素。我已经在几个环境中测试了我的输出。我尝试过或不将代码包装在一个函数中并使用 window.onload 部署它。

这是一个小提琴，显示它也按预期工作。 jsFiddle

基本上，在 shopify 中，代码根本不会将 src 附加到图像中。我完全不知道为什么。我检查了正在加载的 jquery 库，匹配它等。理论上这应该完美无缺。

代码位于结帐附加内容和脚本框中，因为这是一个购买跟踪链接。在这里的任何帮助将不胜感激。

<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>

Answer 1

代码我工作得很好，这可能是因为使用了不必要的空格。

var emailTrim = $.trim("    {{customer.email}}   ");

应该像

var emailTrim = $.trim("{{ customer.email }}");
//OR
//var emailTrim = $.trim("{{customer.email}}");