javascript - 如何在 Google 跟踪代码管理器中插入包含双花括号的代码

Question

我需要插入一个包含双花括号的代码（它是 Shopify 液体对象）

我需要插入的代码看起来像这样 { collection.products_count }}，该代码的目的是，当您将其插入特定对象时，它返回的内容取决于所使用的代码，因此它可以返回产品价格.. 订单折扣等..

现在的问题是谷歌标签管理器对其变量使用相同的双花括号格式，因此如果将上面的shopify代码插入其中，希望GTM将其植入商店页面，它只会返回一个错误，即该变量不存在，因为GTM认为它GTM 变量并且无法将其识别为 Shopify Liquid 对象。

有没有针对该问题的解决方案或解决方法？

谢谢

标签： javascripthtmlshopifygoogle-tag-managerliquid

Answer 1

您需要了解 Shopify 平台的工作方式。当您创建任何 Liquid 标签并将它们添加到您的模版时，Shopify 会首先呈现这些标签。这意味着当您的主题具有像 {{ collection.products_count }} 这样的代码时，Shopify 会对其进行评估并将其转换为数字。然后该号码可供您使用。这意味着您实际上并没有向 Google 发送花括号。Google 只会在您的 Liquid 呈现之后（而不是之前）接到电话并接受数据。因此，您只需要以 Google 的方式为 Google 构建数据，而不是针对 Liquid。