传递参数 - Shopify脚本标记API

时间:2017-12-06 03:04:38

标签: shopify shopify-app

我发布了这个问题的解决方案,因为我没有找到准确的答案。它可能对某人有用。 这是需要做的事情。

以查询字符串params.Example,https://web.page.com/yourFile.js?param1=something&paramm2=something的形式传递您的数据。 另请注意,shop=参数会自动附加到脚本的最终版本中,该版本将在Shopify的液体模板上注入。

模板中脚本的最终版本看起来像这样。 <script type="text/javascript" async="" src="https://web.page.com/yourFile.js?param1=something&paramm2=something&shop=yourshop.myshopify.com"></script>

完成此操作后,按以下方式在yourFile.js中获取最终的网址(包含参数)。 var url = document.getElementsByTagName("script")[0].src

现在,使用下面的方法,您可以获取参数的值。

function getParameterByName(paramName, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
} 

0 个答案:

没有答案