时间戳

首页 > 解决方案 > 在具有 Empire 主题的 Shopify 商店中将 gtag 跟踪代码放在哪里？

javascript - 在具有 Empire 主题的 Shopify 商店中将 gtag 跟踪代码放在哪里？

问题描述

我需要一只手。在我的 Shopify 商店的 Empire 主题中，我需要放置相应的跟踪代码：

//when a product is viewed in store
  gtag('event', 'view_item', {
    'send_to': ‘…..’,
    'value': …..,
    'items': [{
      'id': ‘…….’,
      'google_business_vertical': ‘…….’
    }]
  });
 
//when a product is added to cart
  gtag('event', 'add_to_cart', {
    'send_to': ‘…..’,
    'value': …..,
    'items': [{
      'id': ‘…….’,
      'google_business_vertical': ‘…….’
    }]
  });
 
 
//when a product is purchased
  gtag('event', 'purchase', {
    'send_to': ‘…..’,
    'value': …..,
    'items': [{
      'id': ‘…….’,
      'google_business_vertical': ‘…….’
    }]
  });

有人可以分享如何以及在何处准确放置这些代码的分步说明，以使它们做正确的事情吗？另外，我应该在节中调用任何其他脚本吗？哪个？我需要做哪些额外的事情？我在哪里可以阅读更多关于这些和类似内容的信息？

我的问题与 Shopify 无关！我指的是帝国主题本身。上面的代码需要放在主题本身。当在商店中查看产品、将产品添加到购物车以及购买产品时，我需要在主题中放置这些代码以进行跟踪，如每段脚本上方所述。

请尽可能准确。

十分感谢！

标签： javascriptshopifytracking

解决方案

与其添加单独的脚本，不如使用 Google Tag Manager 选项。添加单独的脚本会增加网站的加载时间，为了解决这个问题，谷歌引入了标签管理器的概念。

你只需要在你的 theme.liquid 文件的头部和正文中添加两个代码。之后，标签管理器将设置。您需要做的就是在正确创建属性后登录 Google 跟踪代码管理器，创建属性后，您可以在 theme.liquid 文件中添加这两个脚本。之后在 Google 跟踪代码管理器上，您可以创建这些事件。1）请参阅此屏幕截图以创建属性https://prnt.sc/p16loj

2）一旦创建了属性，你可以从第二步添加脚本，请参考这个截图https://prnt.sc/p16n7o

3）您可以从这里选择分析和设置事件https://prnt.sc/p16owz

4）您可以从这里选择所需的事件 https://prnt.sc/p16qam

推荐阅读