Shopify似乎没有运行我的JavaScript

时间:2014-03-08 01:26:35

标签: javascript jquery shopify

我正在尝试实现跟踪像素。我在几个环境中测试了我的输出。我试过在有或没有将代码包装在函数中并使用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>

1 个答案:

答案 0 :(得分:0)

Code i对我来说很好,可能这是因为使用了不必要的空格。

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

应该像

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