我正在尝试实现跟踪像素。我在几个环境中测试了我的输出。我试过在有或没有将代码包装在函数中并使用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>
答案 0 :(得分:0)
Code i对我来说很好,可能这是因为使用了不必要的空格。
var emailTrim = $.trim(" {{customer.email}} ");
应该像
var emailTrim = $.trim("{{ customer.email }}");
//OR
//var emailTrim = $.trim("{{customer.email}}");