如要透過 Stripe 追蹤捐款,最好使用 Google Analytics (分析) 傳送已確認的電子商務交易「事件」。
為達成這個目標,請按照下列步驟操作。
事前準備
在網站和 Kindful 捐款網頁上設定交易專屬轉換追蹤價值前,您必須擁有:
- Grants 廣告計畫帳戶:如果還沒有帳戶,請按照這些步驟加以建立。
- Google Analytics (分析) 帳戶:無需付費即可使用;如果沒有這個帳戶,請按照這些步驟加以建立。請務必完成最後一個步驟:複製 Analytics (分析) 程式碼,並貼到每個所追蹤網站網頁的 <HEAD> 部分中,做為第一個項目。
-
Stripe 帳戶:如需捐款表單方面的協助,請參閱 Stripe 說明中心。
步驟 1:連結 Google Analytics (分析) 帳戶和 Google Ads 帳戶
您的 Grants 廣告計畫帳戶可以使用 Google Analytics (分析) 帳戶中的資訊來提升廣告成效。如要連結帳戶,請按照這些操作說明進行。
連結 Google Ads 與 Google Analytics (分析) 的步驟
-
登入 Google Ads 帳戶。
-
按一下帳戶右上角的工具圖示 。按一下「設定」下方的「已連結帳戶」。
-
按一下「Google Analytics (分析)」下方的「詳情」。
-
系統會列出您有權存取的 Google Analytics (分析) 資源。「狀態」欄會顯示資源是否已連結至 Google Ads (如果這裡未顯示任何 Analytics (分析) 資源,請確認您擁有該資源的「編輯」權限)。
-
在「動作」欄中,針對您要連至 Google Ads 的資源,按一下旁邊的「連結」。您可以視需要連結多項資源 (數量不限)。
-
現在您會看到下述兩個畫面的其中一個:
-
如果您選擇的資源只有一項資料檢視,系統會顯示該資料檢視的名稱。選取「匯入網站指標」,即可在 Google Ads 報表中查看 Google Analytics (分析) 資料。
-
如果資源有多項資料檢視,系統會列出所有可供連結的資料檢視。您可以對各項資料檢視進行下列操作:
-
連結:連結完畢後,Google Ads 點擊和費用資料就會顯示在 Analytics (分析) 中,Analytics (分析) 目標和交易資料也可匯入 Google Ads。請視需要連結多項資料檢視。
-
匯入網站指標:(建議) 請選擇您要用來匯入網站參與度指標的資料檢視。這項資料檢視會用來在您帳戶的 Google Analytics (分析) 報表欄中顯示網站參與度指標。請注意,您必須在 Google Ads 報表中新增 Google Analytics (分析) 資料欄。大多數情況下,Google Analytics (分析) 資料一小時以內就能匯入完成。不過較大型的帳戶有可能需要更多時間。待資料匯入完畢,您就可以在 Google Ads 報表中加入 Google Analytics (分析) 資料欄。
-
-
-
按一下「儲存」。
步驟 2:在 Google Analytics (分析) 中啟用電子商務功能
電子商務功能導入後,我們必須在您的 Analytics (分析) 帳戶中啟用這項功能。
啟用電子商務功能的步驟
- 登入 Google Analytics (分析)。
-
按一下「管理」,並確認最右側的「資料檢視」欄對應到您的募款活動網站。
-
在「資料檢視」欄中,按一下「電子商務設定」。
-
將「啟用電子商務」設為「啟用」。[不需啟用「加強型電子商務」。]
-
點選「下一步」。
-
按一下「提交」。
- 如要進一步瞭解這項功能,請參閱這裡的說明。
步驟 3:在客戶結帳後將他們帶回您的網站
使用 stripe.redirectToCheckout
將客戶重新導向 Checkout 這個 Stripe 代管的網頁,以安全的方式收集付款資訊。客戶完成購買程序後,系統就會將他們重新導向您的網站。如要進一步瞭解應在結帳時收集哪些資訊,請參閱 Stipe 指南。
成功網址是指您希望 Stripe 在付款完成後將客戶帶往的目標網址。
redirectToCheckout
呼叫的例子:
stripe
.redirectToCheckout({
items: [
// 換成您的 SKU ID
{sku: 'sku_123', quantity: 1},
],
successUrl: 'https://your-website.com/success',
cancelUrl: 'https://your-website.com/canceled',
})
.then(function(result) {
// 如果「redirectToCheckout」因為瀏覽器或聯播網
// 錯誤而失敗,請使用「result.error.message」向客戶顯示
// 本地化的錯誤訊息。
});
如要存取付款成功的結帳工作階段,請參閱 Stripe 的指南,瞭解如何使用 Webhook 完成付款。
步驟 4:在「感謝您」網頁上追蹤 Analytics (分析) 事件
當客戶使用「結帳」功能順利完成付款或開始訂閱時,Stripe 會將客戶重新導向您在 successURL
參數中指定的網址。一般而言,這是您網站上的某個網頁,用來告知客戶付款成功。
為達成這個目標,請按照下列步驟操作。
修改 Analytics (分析) 電子商務追蹤程式碼的步驟
您必須在確認網頁 [https://example.com/success] 中同時導入 Google Analytics (分析) 追蹤程式碼與 Google Analytics (分析) 電子商務追蹤程式碼,您的商家才能識別已完成的交易數目,以及每筆交易的詳細資料。請按照下列子步驟完成導入程序。
-
在確認網頁的 </head> 結尾標記前,導入整個 [www.your-site.com] 中所使用的相同全域網站代碼追蹤程式碼 (如下方所示)。
-
除了全域網站代碼之外,請務必為 PayPal 新增跨網域追蹤,以便自動連結網域。跨網域評估是一項 Google Analytics (分析) 功能,可讓您以單一工作階段的形式查看兩個相關網站 (例如電子商務網站和另一個購物車網站) 的不同工作階段,而不是分別查看。這項功能有時也稱為「網站連結」,可讓您更有效地評估整段客戶流程。
-
為您要收集的每項資訊 (例如 transaction_id、value 和 currency) 導入自訂變數。
-
在與全域網站代碼所屬的程式碼片段中導入 Google Analytics (分析) 電子商務追蹤程式碼。
如要評估交易,請傳送以交易詳細資料做為值的購買事件,例如:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
gtag('config', 'GA_MEASUREMENT_ID', {
'linker': {
'domains': ['checkout.stripe.com']
}
});
gtag('event', 'purchase', {
"transaction_id": "24.031608523954162",
"affiliation": "Google online store",
"value": 23.07,
"currency": "USD",
"tax": 1.24,
"shipping": 0,
"items": [
{
"id": "P12345",
"name": "Android Warhol T-Shirt",
"list_name": "Search Results",
"brand": "Google",
"category": "Apparel/T-Shirts",
"variant": "Black",
"list_position": 1,
"quantity": 2,
"price": '2.0'
},
{
"id": "P67890",
"name": "Flame challenge TShirt",
"list_name": "Search Results",
"brand": "MyBrand",
"category": "Apparel/T-Shirts",
"variant": "Red",
"list_position": 2,
"quantity": 1,
"price": '3.0'
}
]
});
步驟 5:將網址加入參照連結網址排除清單
捐款者從您的主網域 (yournonprofit.org) 跨越到 Stripe 結帳頁面時,Analytics (分析) 會將這種情形解讀為系統將捐款者從您的主網域參照到次要網域,並且 Analytics (分析) 會將這種情形計為新的造訪。捐款者不一定會完整經歷這個過程,因此建議您設定排除清單。
請按照參照連結網址排除清單的導入操作說明,加入所有可能的捐款、特殊活動或商品專屬子網域。
加入參照連結網址流量來源的步驟
- 登入 Analytics (分析) 帳戶。
- 按一下「管理」。
- 在「帳戶」欄中,選取您要處理的資源所屬的 Analytics (分析) 帳戶。
- 在「資源」欄中選取所需資源。
- 按一下「追蹤資訊」。
- 按一下「參照連結網址排除清單」。
- 按一下「+新增參照連結網址排除條件」來新增網域。
- 輸入網域名稱。
- 按一下「建立」儲存設定。