Javascript 在Shopify感谢页面上启动自定义Google Analytics转换事件

我试图在结帐页面上触发一个自定义GA事件，但无法找到它。我已经实现了easy Shopify设置，我只需将我的GA帐户添加到在线商店>首选项

在我的签出中，其他脚本：

ga('create', 'UA-********-1', 'auto');
ga('send', {
  hitType: 'event',
  eventCategory: 'Pricing Experiment',
  eventAction: 'Purchase',
  eventLabel: version,
  eventValue: '{{ total_price | money_without_currency }}'
});    

这会产生“GA未定义错误”。我尝试直接添加GA脚本：

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)
    [0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-********-1', 'auto');
    ga('send', {
      hitType: 'event',
      eventCategory: 'Pricing Experiment',
      eventAction: 'Purchase',
      eventLabel: version,
      eventValue: '{{ total_price | money_without_currency }}'
    });    
</script>

（函数（i，s，o，g，r，a，m）{i['GoogleAnalyticsObject']=r；i[r]=i[r]| |函数（）{
（i[r].q=i[r].q | |[]）.push（参数）}，i[r].l=1*新日期（）；a=s.createElement（o），
m=s.getElementsByTagName（o）
[0]；a.async=1；a.src=g；m.parentNode.insertBefore（a，m）
})（窗口，文档，“脚本”，“www.google-analytics.com/analytics.js”，“ga”）；
ga（“创建”、“UA-******-1”、“自动”）；
ga（‘发送’{
hitType:'事件'，
eventCategory:“定价实验”，
事件操作：“购买”，
eventLabel:版本，
eventValue:“{总价{货币{不含货币}”
});    

此更改删除了控制台中的错误，但事件仍然没有在GA中触发。最后，我尝试了我找到的另一个解决方案：

<script>
  $(window).ready(function() {
    $('head script[async][src*="analytics"]').on('load', function() {
      ga('send', 'event', 'checkout', 'complete');
    });
  });
</script>

$（窗口）.ready（函数（）{
$（'headscript[async][src*=“analytics”]'）。在（'load'，function（）上{
ga（“发送”、“事件”、“签出”、“完成”）；
});
});

但这只是给了我“$”没有定义。尝试切换jQuery，我得到“jQuery未定义”

---

我哪里做错了？如何发送简单事件？？？

是否已加载jQuery库？为什么不使用原生JS？如果您正在等待

load

事件触发您的签出事件，则用户有可能在分析库仍在加载时导航到另一个页面或退出站点，这意味着您将完全错过结帐活动。它位于Shopify结帐页面上，我们实际上无法访问该页面的源代码。Jquery已加载到我网站的其余部分，但可能无法及时加载。本机JS会是什么样子？