javascript - 将产品添加到购物车时,我可以推送数据层吗
问题描述
我创建了一个自定义事件,并在我的 Shopify 中创建了一个数据层推送到 template.liquid-file。当我只是查看产品时,我可以在跟踪代码管理器中触发我的自定义事件,所以我知道推送有效,但是当产品添加到我的 Shopify 购物车时我需要触发推送,我不确定它是否甚至可能是我尝试这样做的方式。
这是我目前用于推送的代码:
{% if cart.item_count > 0 %}
<script type="text/javascript" defer>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'addedToCart',
'ecommerce': {
'currencyCode': '{{ shop.currency }}',
'add': {
'products': [{
'name': '{{ product.title }}',
'id': {{ product.id }},
'price': {{ product.price | divided_by: 100 }},
'category': '{{ product.type }}',
'variant': '{{ product.selected_or_first_available_variant }}',
'quantity': '{{ product.quantity }}'
}]
}
}
});
cart_data = {{ cart | json}};
console.log(cart_data);
</script>
{% endif %}
我试图避免触发按钮点击,因为商店里有很多不同的按钮,但如果这是解决这个问题的唯一方法,我会这样做
解决方案
推荐阅读
- ios - 在 SwiftUI 中聚焦 TextField 似乎不起作用
- axon - 使用 Axon 框架的超低延迟进程
- python - 在 Google 表格 api 中插入 Python 行
- java - 将 TestIdentity / LegaIdentity 添加到 StartedMockNode
- webrtc - WebRTC 连接g 只发送一个候选人
- python - 基于匹配多个键:值对在列表中组合字典
- .net-core - OData.Client.DataServiceContext 在调用 SSL 服务器后返回空列表
- ios - 使用 shell 脚本将 dSYM/.symbols 文件上传到 appstore 自动连接
- angular - 以安全的方式从部署在 App 引擎上的 Angular 应用程序调用 http 云功能
- firebase - 映射集合时获取 Firestore 文档 ID