Grants 廣告計畫和 Stripe 的轉換追蹤指南

如何使用 Stripe 募款工具追蹤交易相關轉換

如要透過 Stripe 追蹤捐款,最好使用 Google Analytics (分析) 傳送已確認的電子商務交易「事件」。

電子商務評估功能可讓您評估自家網站產生的交易次數和收益。在一般電子商務網站上,只要使用者在瀏覽器中按一下「購買」按鈕,系統就會將對方的購買資訊傳送至網路伺服器,並由伺服器進行交易。如果交易成功,伺服器會將使用者重新導向「謝謝您」或收據網頁,並提供交易明細和購買收據。
 
您可以使用 analytics.js 程式庫,將電子商務資料從「感謝您」網頁傳送至 Google Analytics (分析)。

為達成這個目標,請按照下列步驟操作。

事前準備

在網站和 Kindful 捐款網頁上設定交易專屬轉換追蹤價值前,您必須擁有:

本文將直接說明設定方式;如要進一步瞭解轉換追蹤的運作原理和優點,請參閱「轉換追蹤簡介」一文。

 


步驟 1:連結 Google Analytics (分析) 帳戶和 Google Ads 帳戶

您的 Grants 廣告計畫帳戶可以使用 Google Analytics (分析) 帳戶中的資訊來提升廣告成效。如要連結帳戶,請按照這些操作說明進行。

連結 Google Ads 與 Google Analytics (分析) 的步驟

  1. 登入 Google Ads 帳戶

  2. 按一下帳戶右上角的工具圖示 。按一下「設定」下方的「已連結帳戶」。

  3. 按一下「Google Analytics (分析)」下方的「詳情」。

  4. 系統會列出您有權存取的 Google Analytics (分析) 資源。「狀態」欄會顯示資源是否已連結至 Google Ads (如果這裡未顯示任何 Analytics (分析) 資源,請確認您擁有該資源的「編輯」權限)。

  5. 在「動作」欄中,針對您要連至 Google Ads 的資源,按一下旁邊的「連結」。您可以視需要連結多項資源 (數量不限)。

  6. 現在您會看到下述兩個畫面的其中一個:

    • 如果您選擇的資源只有一項資料檢視,系統會顯示該資料檢視的名稱。選取「匯入網站指標」,即可在 Google Ads 報表中查看 Google Analytics (分析) 資料。

    • 如果資源有多項資料檢視,系統會列出所有可供連結的資料檢視。您可以對各項資料檢視進行下列操作:

      • 連結:連結完畢後,Google Ads 點擊和費用資料就會顯示在 Analytics (分析) 中,Analytics (分析) 目標和交易資料也可匯入 Google Ads。請視需要連結多項資料檢視。

      • 匯入網站指標:(建議) 請選擇您要用來匯入網站參與度指標的資料檢視。這項資料檢視會用來在您帳戶的 Google Analytics (分析) 報表欄中顯示網站參與度指標。請注意,您必須在 Google Ads 報表中新增 Google Analytics (分析) 資料欄。大多數情況下,Google Analytics (分析) 資料一小時以內就能匯入完成。不過較大型的帳戶有可能需要更多時間。待資料匯入完畢,您就可以在 Google Ads 報表中加入 Google Analytics (分析) 資料欄。

  7. 按一下「儲存」。

步驟 2:在 Google Analytics (分析) 中啟用電子商務功能

電子商務功能導入後,我們必須在您的 Analytics (分析) 帳戶中啟用這項功能。

啟用電子商務功能的步驟

  1. 登入 Google Analytics (分析)。
  2. 按一下「管理」,並確認最右側的「資料檢視」欄對應到您的募款活動網站

  3. 在「資料檢視」欄中,按一下「電子商務設定」。

  4. 將「啟用電子商務」設為「啟用」。[不需啟用「加強型電子商務」。]

  5. 點選「下一步」。

  6. 按一下「提交」。

  7. 如要進一步瞭解這項功能,請參閱這裡的說明。

步驟 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 參數中指定的網址。一般而言,這是您網站上的某個網頁,用來告知客戶付款成功。

為了追蹤電子商務交易,在透過 Stripe Checkout 完成交易後,系統必須將付款資料和客戶導回 [www.your-site.com]。如此一來,系統就能使用相關付款資料做為值,來執行 Google Analytics (分析) 電子商務追蹤程式碼。

為達成這個目標,請按照下列步驟操作。

修改 Analytics (分析) 電子商務追蹤程式碼的步驟

您必須在確認網頁 [https://example.com/success] 中同時導入 Google Analytics (分析) 追蹤程式碼Google Analytics (分析) 電子商務追蹤程式碼,您的商家才能識別已完成的交易數目,以及每筆交易的詳細資料。請按照下列子步驟完成導入程序。

  1. 在確認網頁的 </head> 結尾標記前,導入整個 [www.your-site.com] 中所使用的相同全域網站代碼追蹤程式碼 (如下方所示)。

  2. 除了全域網站代碼之外,請務必為 PayPal 新增跨網域追蹤,以便自動連結網域。跨網域評估是一項 Google Analytics (分析) 功能,可讓您以單一工作階段的形式查看兩個相關網站 (例如電子商務網站和另一個購物車網站) 的不同工作階段,而不是分別查看。這項功能有時也稱為「網站連結」,可讓您更有效地評估整段客戶流程。

  3. 為您要收集的每項資訊 (例如 transaction_id、value 和 currency) 導入自訂變數。

  4. 在與全域網站代碼所屬的程式碼片段中導入 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 (分析) 會將這種情形計為新的造訪。捐款者不一定會完整經歷這個過程,因此建議您設定排除清單。

請按照參照連結網址排除清單的導入操作說明,加入所有可能的捐款、特殊活動或商品專屬子網域。

加入參照連結網址流量來源的步驟

  1. 登入 Analytics (分析) 帳戶
  2. 按一下「管理」。
  3. 在「帳戶」欄中,選取您要處理的資源所屬的 Analytics (分析) 帳戶。
  4. 在「資源」欄中選取所需資源。
  5. 按一下「追蹤資訊」
  6. 按一下「參照連結網址排除清單」
  7. 按一下「+新增參照連結網址排除條件」來新增網域。
  8. 輸入網域名稱。
  9. 按一下「建立」儲存設定。

這對您有幫助嗎?

我們應如何改進呢?
搜尋
清除搜尋內容
關閉搜尋
主選單
15416148369874004771
true
搜尋說明中心
true
true
true
false
false