我如何在我的Shopify商店安装Matomo跟踪代码?常见问题-分析平台- Matomo

Shopify是一家很受欢迎的在线电子商务商店。在Matomo开始跟踪你的商店之前，你必须手动添加跟踪代码。每当您开始使用一个新主题时，都需要添加这一点。

你需要一个Shopify.com帐户和你的Matomo实例(自托管或云）.

在Matomo跟踪Shopify电子商务行为(包括标准跟踪代码)

重要提示:下面的步骤应该适用于标准的Online Store设置，并依赖于使用集合进行类别跟踪和使用产品页面进行产品视图。它还依赖于访问者加载购物车，或者当访问者将商品添加到购物车中用于废弃购物车跟踪时，页面上加载的购物车模板。如果你有一个跳过“添加到购物车”按钮直接进入结帐的设置，那么下面的步骤将无法跟踪购物车更新。

按照以下步骤设置标准跟踪以及电子商务跟踪您的Shopify网站到Matomo。

在Matomo中，将Matomo跟踪代码复制到文本编辑器中。你会在管理>测量/网站>管理>视图跟踪代码
登录您的Shopify商店，并导航到在线商店，点击主题然后点击页面中央的“定制”按钮。
点击左上角主题名称旁边的3个点，然后点击“编辑代码”
点击theme.liquid左侧的文件导航器中的文件
找到了尽头<头>代码中的标签
将文本文件中的跟踪代码粘贴到包含> < /头
复制以下代码到上面的Matomo跟踪代码块trackPageView行theme.liquid文件，然后按“保存”。

{% if template == 'collection' %}{% capture tag_list %}{%用于收集中的标签。如果forloop. All_tags限制:5%}{{tag}}{%最后一次= = false %}: {% endif %} {% endfor %} {% endcapture %}{%分配tag_array = tag_list |分裂 : '::'%} _ paq。push(['setEcommerceView'， false， //产品名称不适用于类别视图。false， //产品SKU不适用于类别视图。{{tag_array | json}}， //产品类别，或最多5个类别的数组]);{% endif %}{% if template == 'product' %}{%捕获产品中标签的tag_list %}{%。标签限制:5%}{{tag}}{%如果forloop。最后一次= = false %}: {% endif %} {% endfor %} {% endcapture %}{%分配tag_array = tag_list |分裂 : '::'%} _ paq。push(['setEcommerceView'， {{product. view]id}}， //(必选)productSKU{{产品。title | json}}， //(可选)productName {{tag_array | json}}， //(可选)categoryName {{product. json}}，price | money_without_currency}} //(可选)price);{% endif %}

完整的示例如下所示:

8.点击cart-template.liquid在左侧导航菜单“Sections”文件夹下的文件中打开它
9.在文件顶部插入以下代码块，然后单击“保存”

<script> var _paq =窗口。_paq = window。_paq || [];{%为购物车中的项目。Items %}{%捕获tag_list %}{%用于item.product.tags中的标签限制:5%}{{tag}}{%如果用于循环。最后一次= = false %}: {% endif %} {% endfor %} {% endcapture %}{%分配tag_array = tag_list |分裂 : '::'%} _ paq。push([' addecommercer item '， {{item. push]product_id}}， //(必选)productSKU{{项目。title | json}}， //(可选)productName {{tag_array | json}}， //(可选)productCategory {{item。final_price | money_without_currency}}， //(推荐)价格{{项目。quantity}} //(可选，默认为1)quantity]);{% endfor %} _paq。push(['trackEcommerceCartUpdate'，{{购物车。Total_price | money_without_currency}}];> < /脚本

10.点击左上角的“退出”，返回Admin页面，点击左下角的“设置”
11.点击“结帐及帐户”

12.一直滚动到该页的底部，它显示“订单状态页”，并从文本文件复制您的跟踪代码脚本

13.将下面的代码粘贴到包含> < /脚本

{%用于签出中的line_item。Line_items %}{%捕获line_item.product中标签的tag_list %}{%。标签限制:5%}{{tag}}{%如果forloop。最后一次= = false %}: {% endif %} {% endfor %} {% endcapture %}{%分配tag_array = tag_list |分裂 : '::'%} _ paq。push([' addecommercer item '， {{line_item. push]product_id}}， //(必选)productSKU {{line_item. product_id}}， //(必选)title | json}}， //(可选)productName {{tag_array | json}}， //(可选)productCategory {{line_item. title | json}}， //(可选)productCategory {{tag_array | json}}，final_price | money_without_currency}}， //(推荐)价格{{line_item. final_price | money_without_currency}}quantity}} //(可选，默认为1)quantity]);{% endfor %} _paq。push([' trackecommercer order '， {{checkout. order]或der_id }}, // (Required) orderId {{ checkout.total_price | money_without_currency }}, // (Required) grandTotal (revenue) {{ checkout.subtotal_price | money_without_currency }}, // (Optional) subTotal {{ checkout.tax_price | money_without_currency }}, // (optional) tax {{ checkout.shipping_price | money_without_currency }}, // (optional) shipping {{ checkout.discounts_amount | money_without_currency }} // (optional) discount ]);

完整的示例如下:

14.测试电子商务跟踪是否按预期工作。
-去你的Shopify商店，查看一些产品，并添加至少一个产品到你的购物车。
-去你的Matomo网站，检查“访问日志报告并检查购物车更新是否被跟踪到Matomo:

-将鼠标悬停在您查看产品的页面视图上，以确认您正在跟踪产品/类别视图:

-在您的网站上下单(例如使用100%折扣优惠券或当您的商店被放置在“测试模式”)，并检查订单是否在Matomo被跟踪: