如何使用Shopify Pixel安装GA4代码并追踪转化价值

2469

2023-02-16 20:15

2469

谷歌转化追踪全家桶，实现路径真是多！和以往一样，在每篇分析教程里开头我必须要强调是。这篇教程主要针对使用Shopify网站，且使用GA4来追踪网站事件的独立站卖家，这篇教程里不涉及到GTM的安装和使用。而这次安装GA4代码的方式不是传统修改Shopify模板文件并添加GA4代码。

使用Shopify的卖家都应该知道，Shopify默认只支持老GA（Universal Analytics）虽然你可以通过手工修改模版安装GA4代码，但除了Shopify Plus版本，其他所有Shopify版本的checkout相关页数据都统计不到，无论你是使用GA4代码还是使用GTM使用datalayer数据层推送，都需要额外添加代码去追踪转化价值，

为了解决这个问题，Shopify在2022年10月上线了这个功能：Shopify Pixel，中文名字叫客户事件，有了这个功能，可能以后各种第三方代码都可以在这里进行统一管理。

但是需要注意的时，Shopify pixel是新出的功能，可能还存在较多的bug和问题，我并不建议已有数据的独立站卖家用这个实现路径去替换掉你现在媒体资源，如果你是新网站，还没有什么数据，可以用这个方案简单尝试以下。

进入到Shopify后台-设置，找到客户事件，选择添加自定义像素代码。那这里是不是把GA4的追踪代码直接复制进去呢？

不，并不是这样的，还需要经过一系列的代码修改，从而可以对转化价值和各种电商事件进行追踪。

所以这个时候又该程序员出马了！公司没有技术，营销人员怎么办？那就google一下呗，最后我总算在国外的analyzify.app网站上找到了这样一段代码，可以用于追踪以下事件。

该段代码如下。由于不确定在公众号排版下代码是否会出现问题，请点击查看原文在博客上复制整段代码.

// DO NOT forget updating G-XXXXXXXXXX with your own GA4 measurement ID -const script = document.createElement("script");script.setAttribute("src", "https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX");script.setAttribute("async", "");document.head.appendChild(script);
window.dataLayer = window.dataLayer || [];function gtag() {  dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "G-XXXXXXXXXX");// DO NOT forget updating G-XXXXXXXXXX with your own GA4 measurement ID
const Analyzify = {  getItemsFromLineItems(lineItems) {    let items = []    for (const item of lineItems) {      items.push({        item_id: item.variant.product.id,        item_name: item.variant.product.title,      })    }     return items  },
  getPageViewData(evt) {    let ctx = evt.context    return {      page_location: ctx.document.location.href,      page_title: ctx.document.title,      language: ctx.language,    }  },
  getViewItemData(evt) {    return {      currency: evt.data.productVariant.price.currencyCode,      value: evt.data.productVariant.price.amount,      items: [{ item_id: evt.data.productVariant.id, item_name: evt.data.productVariant.product.title }],    }  },
  getAddToCartData(evt) {    return {      currency: evt.data.cartLine.merchandise.price.currencyCode,      value: evt.data.cartLine.merchandise.price.amount,      items: [{ item_id: evt.data.cartLine.merchandise.id, item_name: evt.data.cartLine.merchandise.product.title }],    }  },
  getPaymentInfoData(evt) {    return {      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  },
  getCheckoutData(evt) {    return {      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  },
  getCheckoutCompletData(evt) {    return {      transaction_id: evt.data.checkout.order.id,      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  }}

analytics.subscribe("page_viewed", async (event) => {  gtag("event", "page_view", Analyzify.getPageViewData(event));});
analytics.subscribe("product_viewed", async (event) => {  gtag("event", "view_item", Analyzify.getViewItemData(event));});
analytics.subscribe("search_submitted", async (event) => {  gtag("event", "search", {    search_term: event.data.searchResult.query,  });});
analytics.subscribe("product_added_to_cart", async (event) => {  gtag("event", "add_to_cart", Analyzify.getAddToCartData(event));});
analytics.subscribe("payment_info_submitted", async (event) => {  gtag("event", "add_payment_info", Analyzify.getPaymentInfoData(event));});
analytics.subscribe("checkout_started", async (event) => {  gtag("event", "begin_checkout", Analyzify.getCheckoutData(event) );});
analytics.subscribe("checkout_completed", async (event) => {  gtag("event", "purchase", Analyzify.getCheckoutCompletData(event));});

代码放进去之后，务必修改下图中框出来的两处数据流衡量ID，换成你自己的。

替换完毕后，点击connect

接下来就是测试的过程了，由于GA4的数据延迟高于UA，你可以在等待几天后再去检查GA4的数据追踪是否成功。

如果数据没有异常，你就可以把这种方式作一直追踪下去，在进行谷歌广告转化追踪的时候，只需要导入GA4里的转化事件即可，不需要再单独手动安装谷歌广告的转化代码。

免责声明

本文链接:

本文经作者许可发布在AMZ123跨境头条，如有疑问，请联系客服。

当短视频和直播遇上亚马逊，会碰撞出怎样的火花？

[23-864] HSP代理GRUMPY CAT不爽猫发案，法官已签署TRO [23-cv-864]

最新热门报告作者标签

Shopify扩展B2B功能至所有套餐

AMZ123获悉，近日，Shopify宣布，将其原本主要面向企业级用户的B2B（企业对企业）电商功能，正式扩展至Basic、Grow和Advanced等所有订阅方案，且不额外收费。这意味着，数百万卖家首次可以同时在Shopify管理批发业务和DTC业务，无需再依赖插件或多个系统拼接运行。此次开放的核心功能包括：为批发客户建立公司档案、最多支持3个自定义价格目录、设置差异化定价、批量折扣与数量规则、支持绑定信用卡以及提供账期付款等。这些能力此前主要集中在Shopify Plus中，经过近4年的优化后，现已成为Shopify平台的基础能力，并向所有卖家开放。

拿捏美国工位经济，这款国产支架在TikTok赚了2700万+

据不完全统计，抛开睡眠时间，这一届打工人80%时间奉献给了工位，剩余的20%的则是在奔赴工位的路上。秉承着“把公司视作第二个家”的人生信条，大批打工人走上了自掏腰包爆改工位的“不归路”。在此前的文章中，TT123介绍过多款例如白磷人格桌面摆件、怼人马克杯等多款“工位经济学”下的爆品，它们的共性在于提供了满满的情绪价值，但言归正传，情绪抚慰并不能切实缓解长时间伏案办公带来的颈椎、腰椎酸痛，打工人们也重新意识到“科学（打工）是第一生产力”这句话的含金量，他们渴望通过更灵活、更符合人体工学的办公搭子，调整体态和动线，释放桌面空间，让工作环境真正服务于健康与效率。

沙特闪闪发光的热钱，蒸发在改革开放第一个7年

霞光FM第一期上线啦~

亚马逊Listing搜不到、广告没曝光、Vine没人领，问题到底出在哪？

很多卖家一遇到新品起不来，就会先下一个结论：我的 Listing 没被亚马逊系统收录。卖家爆料前台搜品牌词加核心词找不到，广告出价不低却没曝光，Vine 开了一周也没人领。于是开始删库存、删 Listing、隔 24 小时或 48 小时重传，结果折腾一圈，问题还在。先说结论：大多数情况下，卖家遇到的不是“完全没收录”，而是“搜索可发现性差、关键词不索引、广告资格不足、页面吸引力不够”几种问题叠在一起。如果一上来就删链接，往往是在重做同一个错误，而不是解决问题。一、前台搜不到，就一定是没收录吗？不一定。

亚马逊收紧价格规则，卖家须保证标价与近期实际售价一致

AMZ123获悉，近日，据The Information报道，亚马逊在2026年Prime Day前对卖家价格规则进行调整，卖家必须确保所设商品标价与最近在亚马逊或其他品牌的实际购买价格相符，以防止出现误导性促销。从5月18日起，亚马逊还将改变“典型价格”的计算方式，更加重视商品在过去三个月大部分时间是否以折扣价销售。这一调整旨在回应消费者对亚马逊操纵商品价格的长期投诉，目前亚马逊正面临一场集体诉讼，原告指出亚马逊平台在计算折扣时使用“虚构”标价，导致促销幅度被夸大。

美客多将在智利投资7.5亿美元，提供1200个岗位

AMZ123获悉，近日，据外媒报道，拉丁美洲电商巨头美客多计划在2026年向智利市场投入7.5亿美元，与2025年的投资规模相比，此番金额增幅达到27%。据了解，过去六年里，美客多在智利的累计投入已突破20亿美元，伴随新一轮的投资，预计2026年将为智利直接创造1200个新增就业岗位。值得注意的是，这笔巨额资金投入将流向物流基础设施的扩容与金融科技生态的完善。在物流端，美客多将在圣地亚哥启动第二个大型配送中心的建设，预计今年下半年即可投入使用。该中心能够存储超过1500万件商品，旨在直接拉高订单履约效率。此外，美客多还计划将物流网络向智利北部和南部延伸，试图弥合不同区域间网购体验的落差。

中东停火，跨境物流成本或下降

美伊冲突，按下了“暂停键”。当地时间4月7日，美国总统特朗普在个人社交平台Truth Social上发文称，应巴基斯坦请求，其已同意暂停对伊朗的轰炸和攻击，为期两周，并表示这将是一次双向停火。随后，当地时间4月8日凌晨，伊朗最高国家安全委员会也发表声明回应称，根据最高领袖的建议和最高国家安全委员会批准，接受巴基斯坦提出的停火提议。据巴基斯坦总理透露，该停火协议已于伊朗时间4月8日凌晨3时（北京时间4月8日8时）生效。尽管该停火协议的期限仅为两周，但其已在一定程度上缓解了市场对局势进一步恶化的担忧，并为包括跨境电商行业在内的全球市场提供了预期向好的信号。

非洲平台Industrie Africa将于4月30日关闭电商业务

AMZ123获悉，近日，据外媒报道，非洲奢侈时尚领域标杆平台的Industrie Africa，将于2026年4月30日正式关闭其电商业务。曾几何时，Industrie Africa的线上成绩单相当亮眼。自2017年，其以内容平台起步、2020年5月正式开通线上零售功能以来，该平台已汇聚了来自21个非洲国家的75位设计师品牌，商品远销全球56个国家与地区，数字内容社区更是延伸至193个国家。然而，其风光无限的背后却藏着一个致命的弱点：销售额中约有八成依赖美国消费者。正因如此，当美国贸易政策突然转向时，Industrie Africa的发展命脉便被扼住。

亚马逊与USPS达成新协议，保留80%配送量

AMZ123获悉，近日，据外媒报道，亚马逊与USPS达成新的包裹配送协议，双方长期合作关系得以延续。根据知情人士透露，在新协议下，USPS将保留约80%的亚马逊包裹配送业务，规模超过每年10亿件，这一结果明显好于此前市场预期的削减三分之二甚至更多业务量的情况。此次协议对于财务承压的USPS具有重要意义。作为其最大客户，亚马逊每年为USPS贡献约60亿美元收入，而USPS的年度运营预算约为800亿美元。此前，USPS曾警告称最早可能在今年10月出现现金耗尽风险，而一旦失去亚马逊订单，将对其运营构成重大冲击。

美客多将在智利投资7.5亿美元，提供1200个岗位

靠AI带货，国产“鸟浴神器”在TikTok卖了50多万

国内没市场的“鸟浴神器”，在TikTok美区卖爆了

亚马逊2026图片新规落地！不合规图片偷偷吃掉流量

根据相关信息，2026年，亚马逊正式更新产品图片审核政策，在全站点启动更严格的AI+人工双重审核。

全球二手服装市场加速增长，2030年将达3930亿美元

AMZ123获悉，近日，根据在线二手平台ThredUp发布的第14份《2026年二手市场报告》显示，美国二手服装市场正在加速增长，并逐步改变整体服装消费结构。2025年，美国二手服装市场（包括线上、线下转售以及捐赠和旧货渠道）同比增长19%，为2021年以来最快增速，且增速达到整体服装零售市场的3.6倍。从全球来看，二手服装市场规模预计将在2030年达到3930亿美元，年均增长约9%，并占全球服装消费的约10%。消费端渗透率也在持续提升，2025年已有59%的消费者购买过二手服装，较三年前提升了7个百分点，显示出二手消费正从小众走向主流。在线渠道的增长尤为明显。

银发经济崛起！日本电商增量或将大爆发

《全球电商市场报告——日本篇》重磅发布！

“万能扳手”上线25天，在TikTok美区成交百万

淘宝2元“神器”在TikTok美区爆卖百万

韩国电商激战：Temu速卖通猛攻，Coupang地位稳固

AMZ123获悉，近日，据外媒报道，韩国第一电商平台Coupang发生个人信息泄露事件后，中国跨境电商平台迅速抓住机会，大量吸纳新用户。根据数据分析平台IGAWorks移动指数4月7日发布的数据，Temu在3月份的新增应用安装量达到74.93万次，继2月（67.09万次）之后连续第二个月位居榜首。同期，速卖通（AliExpress）的新增安装量也达到36.90万次，保持强劲增长势头。业内人士指出，这些中国平台推出的超低价商品和极具吸引力的免运费政策，是吸引韩国新客户涌入的主要原因。在韩国本土平台中，Naver旗下的Naver Plus Store上月新增安装量为67.41万次，排名第二，但已被Temu超越。

《TikTok Shop突破末次触达归因（LTA)ROAS分析报告》PDF下载

在数字化浪潮中,广告主正面临有效衡量广告支出回报率(ROAS)的挑战。传统未次触达归因(LTA)模型因数据收集难度和归因偏差问题已难以满足广告主的需求,因此,探索新的方法来解决这些问题显得尤为重要。

《未来电商报告：品牌独立站五步升级锁定未来确定性增长》PDF下载

调研显示，出海商家针对家居、时尚及消费电子等品类布局比例均超过30%。独立站凭借其高度品牌化、个性化、场景化及功能性等优势，精准契合上述品类对品牌调性、场景交互及沉浸式体验的核心诉求，正成为商家黑五大促期提升销量、构建品牌竞争壁垒的关键载体。

《TikTok Shop达人真实种草力报告》PDF下载

达人正在将文化内容、社群互动与商业转化深度融合,形成一个高度协同的内容商业生态,其价值早已不再局限于内容带来的直接收入。从更广义的商业视角来看,达人价值的核心在于真实影响力-即其内容对商品与服务产生影响并促成转化所形成的整体商业价值,这一能力正构成达人在内容电商体系中的带货价值基础。

《2026年第2季度儿童时尚品类报告》PDF下载

儿童时尚品类概览主题选品合辑巴西站点上新泰国站点上新菲律宾站点上新越南站点上新

《TikTok Shop 2025年度报告》PDF下载

2025年，TikTok Shop进一步加快扩张步伐，在巩固欧美成熟市场的同时，积极开拓新兴市场，先后上线德国、意大利、法国、日本等站点。此举不仅为平台带来新增量，也体现出其多元化市场战略的初步成效，以分散地缘政治风险。

《Shopee2025印尼站点X 汽车摩托品类专题》PDF下载

印尼当地汽车保有量并不高，每一千人的机动车保有量仅96人，未来可提升的空间仍大。空间参照系可以看泰国和马来，2024年泰国汽车保有量为322辆/千人，马来西亚为531辆/千人。

《2026年Shopee运动户外类目自行车爆品分享》PDF下载

巴西骑行爱好群体广泛，但平台上热销品呈现出的国际大牌极少，推测可能原因是国际品牌可能主要通过线下经销或自行渠道销售，未深度参与Shopee等本土电商。因此巴西用户在平台上几乎接触不到这些高端品牌产品。平台上巴西用户更倾向购买本土品牌的自行车，可能出于价格实惠和售后便利考虑。

《2025年TikTok生态发展白皮书》PDF下载

2025年，全球内容电商迈入深度跃迁的新周期。TikTokShop正以前所未有的速度拓展市场版图，完成从高速增长向高质量增长的跃迁。在这一进程中，生态结构重构、参与者多元化、全球政策协同等因素叠加，构成内容电商演进的核心变量。

跨境科普达人

科普各种跨境小知识，科普那些你不知道的事...

AMZ123会员

「AMZ123会员」为出海者推出的一站式私享服务

AMZ123选品观察员

选品推荐及选品技巧分享。

欧洲电商资讯

AMZ123旗下欧洲跨境电商新闻栏目，专注欧洲跨境电商热点资讯，为广大卖家提供欧洲跨境电商最新动态、最热新闻。

亚马逊全球开店

亚马逊全球开店官方公众号，致力于为中国跨境卖家提供最新，最全亚马逊全球开店资讯，运营干货分享及开店支持。

跨境数据中心

聚合海量跨境数据，输出跨境研究智慧。

AMZ123跨境电商

专注跨境行业热点事件报道，每日坚持推送原创深度热文

侃侃跨境那些事儿

不侃废话，挣钱要紧！

如何使用Shopify Pixel安装GA4代码并追踪转化价值

Ada的跨境笔记

2023-02-16 20:15

2469

进入到Shopify后台-设置，找到客户事件，选择添加自定义像素代码。那这里是不是把GA4的追踪代码直接复制进去呢？

不，并不是这样的，还需要经过一系列的代码修改，从而可以对转化价值和各种电商事件进行追踪。

该段代码如下。由于不确定在公众号排版下代码是否会出现问题，请点击查看原文在博客上复制整段代码.

// DO NOT forget updating G-XXXXXXXXXX with your own GA4 measurement ID -const script = document.createElement("script");script.setAttribute("src", "https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX");script.setAttribute("async", "");document.head.appendChild(script);
window.dataLayer = window.dataLayer || [];function gtag() {  dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "G-XXXXXXXXXX");// DO NOT forget updating G-XXXXXXXXXX with your own GA4 measurement ID
const Analyzify = {  getItemsFromLineItems(lineItems) {    let items = []    for (const item of lineItems) {      items.push({        item_id: item.variant.product.id,        item_name: item.variant.product.title,      })    }     return items  },
  getPageViewData(evt) {    let ctx = evt.context    return {      page_location: ctx.document.location.href,      page_title: ctx.document.title,      language: ctx.language,    }  },
  getViewItemData(evt) {    return {      currency: evt.data.productVariant.price.currencyCode,      value: evt.data.productVariant.price.amount,      items: [{ item_id: evt.data.productVariant.id, item_name: evt.data.productVariant.product.title }],    }  },
  getAddToCartData(evt) {    return {      currency: evt.data.cartLine.merchandise.price.currencyCode,      value: evt.data.cartLine.merchandise.price.amount,      items: [{ item_id: evt.data.cartLine.merchandise.id, item_name: evt.data.cartLine.merchandise.product.title }],    }  },
  getPaymentInfoData(evt) {    return {      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  },
  getCheckoutData(evt) {    return {      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  },
  getCheckoutCompletData(evt) {    return {      transaction_id: evt.data.checkout.order.id,      currency: evt.data.checkout.currencyCode,      value: evt.data.checkout.totalPrice.amount,      items: this.getItemsFromLineItems(evt.data.checkout.lineItems),    }  }}

analytics.subscribe("page_viewed", async (event) => {  gtag("event", "page_view", Analyzify.getPageViewData(event));});
analytics.subscribe("product_viewed", async (event) => {  gtag("event", "view_item", Analyzify.getViewItemData(event));});
analytics.subscribe("search_submitted", async (event) => {  gtag("event", "search", {    search_term: event.data.searchResult.query,  });});
analytics.subscribe("product_added_to_cart", async (event) => {  gtag("event", "add_to_cart", Analyzify.getAddToCartData(event));});
analytics.subscribe("payment_info_submitted", async (event) => {  gtag("event", "add_payment_info", Analyzify.getPaymentInfoData(event));});
analytics.subscribe("checkout_started", async (event) => {  gtag("event", "begin_checkout", Analyzify.getCheckoutData(event) );});
analytics.subscribe("checkout_completed", async (event) => {  gtag("event", "purchase", Analyzify.getCheckoutCompletData(event));});