谷歌公布將于2023年7月1日暫停GA3(Universal Analytics)服務(wù)后，大家都陸續(xù)安裝了GA4。但是使用shopify網(wǎng)站的小伙伴在安裝GA4過(guò)程中普遍遇到問(wèn)題：shopify還沒(méi)有更新GA4接口，非Advanced版本shopify添加代碼過(guò)程中，又普遍遇到全局代碼加了，但是統(tǒng)計(jì)不全，或者電子商務(wù)代碼不會(huì)加的問(wèn)題。 本文是在谷歌工程師指導(dǎo)下，給三個(gè)shopify站添加過(guò)GA4代碼，并且已經(jīng)驗(yàn)證過(guò)數(shù)據(jù)后，總結(jié)的添加方法，供大家參考。 目錄 一、Shopify站添加GA4全局與電子商務(wù)代碼的兩種方法 二、添加好GA4代碼后，推薦做的設(shè)置 一、Shopify站添加GA4全局與電商代碼的兩種方法 方法一：使用插件添加（推薦） 1. 在shopify后臺(tái)添加Hello Google Analytics 4 插件 https://apps.shopify.com/hello-google-analytics 2. 打開(kāi)GA4，復(fù)制衡量ID 3. 設(shè)置插件： 粘貼衡量ID 勾選Standard eCommerce Events, Activation Status: Actibe 點(diǎn)擊Save保存后，GA4就安裝好了，可以開(kāi)始收集數(shù)據(jù)（包括電子商務(wù)事件）了 方法二：直接編輯代碼 非專業(yè)人士不太推薦這種方法，因?yàn)椴煌木W(wǎng)站加購(gòu)，要添加的代碼是不同的，最好由專業(yè)人士添加。鑒于很多小伙伴又很感興趣，所以把我添加的兩個(gè)站的代碼貼給大家參考 1. 打開(kāi)GA4，獲取全局代碼 復(fù)制代碼 2. 打開(kāi)shopify后臺(tái)，打開(kāi)Online Store – Action – Edit Code? 3. 打開(kāi)theme.liquid文件，在標(biāo)記中間，添加全局與電子商務(wù)代碼 以下為我們網(wǎng)站這部分代碼的參考： 4. 打開(kāi)Setting – Checkout – Order Status, 添加全局和電子商務(wù)代碼 以下為我們網(wǎng)站這部分代碼的參考： 以上兩種方法任選一種（推薦方法一），添加完自己下單走一遍流程購(gòu)物流程，在實(shí)時(shí)模塊看是否跟蹤到了電子商務(wù)事件。跟蹤到通常就沒(méi)問(wèn)題，接下來(lái)兩天再觀察數(shù)據(jù)確認(rèn)下即可。 二、添加好GA4代碼后，推薦做的設(shè)置 1. 啟用Google信號(hào)收集，來(lái)收集更多維度的受眾數(shù)據(jù)和使用數(shù)據(jù)洞見(jiàn)功能 1.1 點(diǎn)擊管理-數(shù)據(jù)設(shè)置-數(shù)據(jù)收集 – 開(kāi)始使用 Google信號(hào)數(shù)據(jù)收集 1.2 點(diǎn)擊“繼續(xù)” 1.3 點(diǎn)擊“啟用” 2. 關(guān)聯(lián)Google Ads賬號(hào) 關(guān)聯(lián)Google Ads賬號(hào)后，可以導(dǎo)入轉(zhuǎn)化，再營(yíng)銷受眾群體等 點(diǎn)擊GA4左下角管理-Google Ads關(guān)聯(lián)-關(guān)聯(lián)，按照提示操作即可 （注意操作的賬號(hào)必須有要關(guān)聯(lián)Ads的管理權(quán)限） 3. 做引薦排除 如果不做引薦排除，會(huì)有很多訂單來(lái)源被歸因?yàn)镻ayPal等付款方式 3.1?? 點(diǎn)擊GA4左下角管理- 數(shù)據(jù)流-點(diǎn)擊進(jìn)入數(shù)據(jù)流設(shè)置 3.2 點(diǎn)擊“更多標(biāo)記設(shè)置 3.3 點(diǎn)擊“列出多余的引薦流量” 3.4 輸入支付方式對(duì)應(yīng)的網(wǎng)站，如paypal.com 如有其他首款方式，添加條件，輸入其他收款方式的對(duì)應(yīng)網(wǎng)站。例如使用錢海，則輸入oceanpayment.com Summary 目前shopify站添加GA4代碼，并設(shè)置電子商務(wù)跟蹤，主要使用以上兩種方法。 推薦大家使用的是第一種方法，直接使用免費(fèi)插件Hello Google Analytics 4, 操作簡(jiǎn)單。并且以后shopify開(kāi)發(fā)出GA4接口后，可以使用接口，再卸載掉插件，交接也很方便。 第二種方法不同的主題，代碼需要進(jìn)行微調(diào)，適合有代碼基礎(chǔ)的專業(yè)人士。 最后，如果覺(jué)得文章對(duì)你有幫助，就給我點(diǎn)個(gè)贊夸夸我吧~
<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script> <script> ?window.dataLayer = window.dataLayer || []; ?function gtag(){dataLayer.push(arguments);} ?gtag('js', new Date()); ?gtag('config', 'G-XXXXX');</script><script>gtag('event', '網(wǎng)頁(yè)瀏覽')</script> ? ? <script>window.addEventListener('load',function(){document.querySelectorAll('[id="product-add-to-cart"]').forEach(function(e){ ? ?e.addEventListener('click',function() ? ?{ ? ? ? ?gtag("event", "add_to_cart", ? ? ? ?{ ? ? ? ? ? ? ?currency: "USD", ? ? ? ? ? ? ?value: document.querySelector('[itemprop="price"]').innerText.replace(/[^\d.]/g,""), ? ? ? ? ? ? ?items: ? ? ? ? ? ? ?[ ? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ?item_name: document.querySelector('[itemprop="name"]').innerText, ? ? ? ? ? ? ? ? ?currency: "USD", ? ? ? ? ? ? ? ? ?price: document.querySelector('[itemprop="price"]').innerText.replace(/[^\d.]/g,"") ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ?] ? ? ? ? ? ?}); ? ?})})})</script><script>window.addEventListener('load',function(){document.querySelectorAll('[name="checkout"]').forEach(function(e){ ? ?e.addEventListener('click',function() ? ?{ ? ? ? ?gtag("event", "begin_checkout") ? ?})})})</script>
<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script><script> ?window.dataLayer = window.dataLayer || []; ?function gtag(){dataLayer.push(arguments);} ?gtag('js', new Date()); ?gtag('config', 'G-XXXXXXX');</script><script>window.addEventListener('load',function(){if(window.location.href.includes('thank_you')) { ? ? ? ? ? ?var item_list_detail = []; ? ? ? ? ? ?var item_name = document.querySelectorAll('[class="product__description__name order-summary__emphasis"]') ? ? ? ? ? ?var item_price = document.querySelectorAll('[class="product__price"]') ? ? ? ? ? ?var item_quantity = document.querySelectorAll('[class="product__quantity"]') ? ? ? ? ? ?for(i = 0; i < item_name.length; i++){ item_list_detail.push({'item_name': item_name[i].innerHTML,'price': item_price[i].innerHTML.replace(/[^0-9.]/g,''), ? ?'quantity': item_quantity[i].innerHTML.replace(/[^0-9.]/g,'') ? ?});} ? ? ? ? ? ? ? ? ? ? ? ? ? ?gtag("event", "purchase", ? ? ? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ? ? ? ?transaction_id: document.querySelector('[class="os-order-number"]').innerText.split('#')[1], ? ? ? ? ? ? ? ? ? ? ? ?value: document.querySelector('[class="payment-due__price skeleton-while-loading--lg"]').innerHTML.replace(/[^0-9.]/g,''), ? ? ? ? ? ? ? ? ? ? ? ?currency: "USD", ? ? ? ? ? ? ? ? ? ? ? ?items: item_list_detail ? ? ? ? ? ? ? ? ? ?});}})</script>
文章為作者獨(dú)立觀點(diǎn)，不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今，離不開(kāi)小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接，特地開(kāi)通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神，不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧，更有一些資源收藏愛(ài)好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群，備注【加群】。 ( 群完全免費(fèi)，不廣告不賣課！)
