公益廣告計劃和 Stripe 的轉換追蹤指南

運用 Stripe 籌款工具追蹤交易專屬轉換的方法

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

電子商務評估功能讓您可評估網站產生的交易次數和收益。在一般電子商務網站上，只要使用者按一下瀏覽器上的「購買」按鈕，系統就會將其購買資訊傳送至網絡伺服器，以執行此交易。如果交易成功，伺服器會將使用者重新導向至「多謝」或收據網頁，頁面上會列出交易詳情和購買收據。
 
您可以使用 analytics.js 資料庫，將電子商務資料從「多謝」頁面傳送至 Google Analytics (分析)。

為此，您需執行下列步驟。

開始之前

要在網站和 Kindful 捐款頁面上設定交易專屬轉換價值追蹤，您需要齊備以下項目：

  • 「公益廣告計劃」帳戶：還未建立帳戶嗎？請按照這些步驟設立一個帳戶。
  • Google Analytics (分析) 帳戶：可免費註冊。如果您還未建立此帳戶，請按照這些步驟設立一個帳戶。請務必完成最後一步：複製您的 Analytics (分析) 程式碼，並將其作為第一個項目貼到您網站上每個要追蹤網頁的 <HEAD> 部分。

  • Stripe 帳戶：如需捐款表格方面的協助，請查看 Stripe 說明中心。

本文會集中說明設定步驟。要進一步瞭解轉換追蹤的運作方式和優點，請參閱「關於轉換追蹤」。

 

步驟 1：將 Google Analytics (分析) 帳戶連結至 Google Ads 帳戶

「公益廣告計劃」帳戶可使用來自 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 (分析) 資料。

    • 如果您選取的資產有多項資料檢視，您將會看到可連結的資料檢視清單。您可就每項資料檢視執行以下操作：

      • 連結：您可藉此在 Analytics (分析) 中查看 Google Ads 點擊和成本資料，以及將 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 將您的客戶重新導向至「結帳」頁面，這個 Stripe 寄存的網頁以安全方式收集付款資料。客戶完成購買後，系統就會將他們重新導向回您的網站。您可在此查閱 Stripe 的指南，進一步瞭解結帳頁面會收集哪些資料。

成功網址 (success URL) 是指您希望 Stripe 在付款完成後將客戶導向的目標網址。

redirectToCheckout 調用範例如下所示：

stripe
  .redirectToCheckout({
    items: [
      // Replace with the ID of your SKU
      {sku: 'sku_123', quantity: 1},
    ],
    successUrl: 'https://your-website.com/success',
    cancelUrl: 'https://your-website.com/canceled',
  })
  .then(function(result) {
    // If `redirectToCheckout` fails due to a browser or network
    // error, display the localized error message to your customer
    // using `result.error.message`.
  }); 

如要存取「結帳工作階段」以成功付款，請參閱 Stripe 的指南，瞭解如何使用 Webhook 完成付款。

步驟 4：追蹤「多謝」頁面上的 Analytics (分析) 活動

當客戶使用「結帳」頁面成功完成付款或展開訂閱程序後，Stripe 會將他們重新導向至您在 successURL 參數中指定的網址。一般來說，這是您網站上的某個頁面，用於告知客戶其付款已成功。

為追蹤電子商務交易，在透過 Stripe 結帳頁面完成交易後，系統需要把付款資料和客戶導向回 [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 (分析) 會將其解讀為捐贈者由您的主要網域轉介至次要網域，並將其計算為單獨的瀏覽。這並不能準確反映捐贈者的體驗，因此我們建議設定排除清單。

請按照指示執行推薦連結排除清單，加入任何您可能擁有且用於捐款、特殊活動或商品的子網域。

新增推薦連結流量來源的步驟

  1. 登入 Analytics (分析) 帳戶。
  2. 按一下 [管理員]。
  3. 在「帳戶」欄中，選取包含您想使用資產的 Analytics (分析) 帳戶。
  4. 在「資產」欄中，選取 [資產]。
  5. 按一下 [追蹤資料]。
  6. 按一下 [推薦連結排除清單]。
  7. 按一下 [+新增推薦連結排除項] 以新增網域。
  8. 輸入「網域」名稱。
  9. 按一下 [建立] 以儲存。

此內容對您有幫助嗎？

我們可以如何改善？

需要更多協助？

嘗試以下步驟：

發佈至互助社群 社群成員可為您解答疑問
聯絡我們 請提供詳情，以便我們提供協助
true
搜尋
清除搜尋
閂搜尋模式
主選單
6837128824020280188
true
搜尋說明中心
true
true
true
false
false