dataLayer-shopify 项目使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00086/article/details/139714450

dataLayer-shopify 项目使用教程

dataLayer-shopify A dataLayer integration specific to extracting information from Shopify. 项目地址: https://gitcode.com/gh_mirrors/da/dataLayer-shopify

1. 项目介绍

dataLayer-shopify 是一个专门用于从 Shopify 平台提取信息的 dataLayer 集成项目。dataLayer 是一个帮助你收集更准确分析数据的技术，通过它，你可以更好地理解潜在买家在你的网站上的行为，并找到改进的方向。此外，dataLayer 还能减少营销标签的实施时间，减少 IT 部门的参与，让他们专注于新功能的开发和 bug 的修复。

2. 项目快速启动

2.1 安装步骤

克隆项目：

git clone https://github.com/TechnicalWebAnalytics/dataLayer-shopify.git
cd dataLayer-shopify

配置 dataLayer：根据你的需求，编辑 dataLayer-allPages.js 文件中的 Dynamic Dependencies 部分。例如：

__DL__ = [
    dynamicCart: true,  // 如果购物车是动态的（即添加商品后不刷新页面），设置为 true
    debug: true,        // 如果为 true，控制台将显示调试信息
    cart: null,
    wishlist: null,
    removeCart: null
];

添加到 Shopify 主题：将 dataLayer-allPages.js 文件添加到你的 Shopify 主题中。具体步骤如下：
- 进入 Shopify 后台，导航到 Online Store > Themes。
- 选择你的主题，点击 Edit HTML/CSS。
- 在 Snippets 目录下创建一个新的 Snippet，命名为 dataLayer-allPages。
- 将 dataLayer-allPages.js 的内容复制到新创建的 Snippet 中。
在主题中引用 dataLayer：在你的主题布局文件（通常是 theme.liquid）中，添加以下代码以引用 dataLayer-allPages：
```
<head>
    ...
    {% include 'dataLayer-allPages' %}
    ...
</head>
```