首页 > 知识

Shopify 如何使用 GTM 连接GA4

谷歌分析将从2023年7月1日起停止旧版本 Universay Analytics,也就是 UA 或者 GA3, 全面改用 GA4。我们已经提到了上一篇文章。 Shopfiy 后台有两种绑定 GA4的方法直接绑定到我们已经写过了。在这里,我们将讨论如何使用它 GTM 绑定 GA4。

Shopify 如何使用 GTM 连接GA4

GTM 也就是 Google Tag Manager 谷歌标签管理器,想知道什么 GTM 以及为什么要用 GTM, 参考这篇文章:谷歌代码管理工具是什么,以及如何使用它。假设你已经有了它 GTM 账号,有自己网站属于的账号, GTM Container。

接下来,我们在这里 Shopify 后台安装 GTM 代码。

首先,复制这个代码,我们只使用第一个代码。如果用户登录网站的设备不支持,第二个代码通常很少行使功能 javascripts 在这种情况下也能保证 GTM 存在功能。

打开 Shopify后台,找到 Online Store-Themes-Edit Code, 并找到 theme.liquid 将此代码粘贴到文件附近<head>的位置。

我们将在这里 GTM Container功能添加到我们的普通网页中,但我们必须将其添加到付款流程网页中。假如你用的是 Shopify Plus,需要找到 checkout.liquid 在同一步骤中粘贴代码也是这个文件。但是如果你用的话 Shopify Stantard 版本,checkout.liquid 这个文件不能编辑,那就去吧 Shopify 后台找到 Settings—Checkout, 搜索下面的order status page, 这个代码也是粘贴的。

接下来,我们将使用谷歌官方插件 Google Channal 添加我们的网站 Data Layer, 这样,当用户查看网页,加入购物车,开始付款流程时,Data Layer可以捕获相应的数据。

安装后,您需要绑定您的谷歌账户。在这里,我们选择您用于广告或您计划用于广告的谷歌账户。同时 Google Channel 会让你选择连接自己的 Google Ads账号,如果不想投放谷歌广告,可以在这里创建新的 Google Ads 账号,跳过填写付款信息,也就是建立一个空谷歌 Ads账号就可以了。

设置谷ogle Channel 之后,让我们检查一下Data Layer 是否设置好,回来 选择GTM Preview,连接我们的网站。

点击网站上的任何商品并添加购物车,我们可以 GTM 看到这个动作,看到被抓住了。 Data Layer 数据。

接下来,我们可以连接它 GTM 和 GA4了。

首先我们在 GTM 中创建一个 GA4 Configure Tag。并返回 在GA4账户中复制自己 Measure ID填入 GTM中。

之后Trigger 我们选择 All Pages。

我们再建一个 Tag,这一次选择 GA4 Event。

Configuration Tag 选择我们刚刚创造的 GA4 Configuration 标签。

Event Name 直接选择 Event, 这会将我们 Data Layer 的 Event Name 直接用于传输 在GA4的数据中。然后点击 More Settings, 把Send Ecommerce data 勾选,Data source 选择 Data Layer。

然后我们给这个 GA4 Event Tag 创建 Trigger,我们不能使用现有的 trigger 类型,因为这是一个特殊的捕获 E-commerce 动作的 Trigger, 我们选择加号,自己建一个,选择 Custom Event。

然后复制并粘贴以下代码:

view_item


tiktok商业号好还是个人号好,tiktok账号怎么注册
  • tiktok商业号好还是个人号好,tiktok账号怎么注册
  • 除了基本的使用功能外,tiktok还增加了数据分析、定期发布等功能,为用户增加了tktok business创意中心页面。@ 数据分析商业...

    Tiktok直播的发展现状和进入思路
  • Tiktok直播的发展现状和进入思路
  • 虽然以往的商业模式改变了线下购物方式,为消费者提供了更方便、更清晰的产品比较方式,但显然这种方式只是通过图片显示,对...

    tiktok开小黄车之类的需要手机验证吗?tiktok哪个国家可以挂小黄车
  • tiktok开小黄车之类的需要手机验证吗?tiktok哪个国家可以挂小黄车
  • Tiktok开小黄车需要手机验证吗?这取决于哪个国家,不同的国家有不同的要求。比如英国小黄车不需要手机验证,印尼需要手机验...