設定轉換追蹤後,您便可以追蹤用戶在您網站上點擊按鈕或連結的情況。舉例來說,您可以追蹤用戶點擊 [立即購買] 按鈕或在您流動網站上點擊電話號碼的情況。
本文會說明如何在網站上加入和編輯轉換追蹤標籤,以追蹤客戶點擊。如要追蹤網頁載入轉換,則請按照這些指示操作。
開始之前
要為網站加入轉換追蹤標籤,您必須:
- 確保此轉換追蹤類型適合您使用。
- 能編輯網站。您或網絡開發人員必須能將標籤加入網站程式碼中。
指示
選擇您使用的轉換追蹤標籤版本。您只可以經由 Google Ads 取得全網標籤程式碼片段。建議您轉用這個新版本,但舊版 Google Ads 的標籤仍會繼續運作。
使用 Google 標籤設定轉換追蹤
- 首先,請建立轉換動作 (如追蹤桌面版網站的點擊次數,請參閱「為網站設定轉換追蹤」。如追蹤流動網站的點擊次數,則請參閱「追蹤流動網站上電話號碼的點擊次數」)。到了設定標籤的步驟時,請務必選取 [點擊] 而非 [網頁載入] 選項。活動程式碼片段如下:
<script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'TAG_ID/CONVERSION_LABEL', 'value': 1.0, 'currency': 'USD', 'event_callback': callback }); return false; } </script>
Note: You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn how to disable the collection of personalized data for specific users
- 在您的網站上,開啟您要追蹤的按鈕或連結所在網頁的 HTML。在網頁的
head
標籤之間 (<head></head>
) 插入活動程式碼片段,緊接在 Google 標籤後面。 - 現在,您需直接在要追蹤的按鈕或連結的程式碼中加入 onclick 屬性。視乎連結或按鈕在網站上的顯示方式 (例如文字連結、按鈕或按鈕圖片) 而定,您要使用的具體程式碼將會有所不同:
- 為文字連結加入程式碼:此程式碼顯示如何利用
<a>
標籤為連結加入點擊追蹤功能。在以下程式碼中,請以您的連結網址取代「http://example.com/your-link」,或以您網站上的電話號碼取代「800-123-4567」,並以連結文字取代「立即下載!」或「立即致電!」。以黃色標示的就是應加入連結標籤的程式碼。<a onclick="return gtag_report_conversion('http://example.com/your-link');" href="http://example.com/your-link">Download now!</a>
or
<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>
- Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">提交</button>
或
<button onclick="return gtag_report_conversion('tel:800-123-4567')">立即致電!</button>
- 為按鈕圖片加入程式碼:在以下程式碼中,請以按鈕圖片取代「download_button.gif」,以按鈕參數取代寬度與高度,並以連結網址取代「http://example.com/your-link」、或以您網站上的電話號碼取代「800-123-4567」。
<img src="download_button.gif" alt="Download Whitepaper" width="32" height="32" onclick="return gtag_report_conversion('http://example.com/your-link')" />
or
<img src="call_button.gif" alt="Call now!"
width="32" height="32"
onclick="return gtag_report_conversion('tel:800-123-4567')" />
為使轉換追蹤功能正常運作,您必須在連結或按鈕所在的網頁上加入活動程式碼片段和上述任何一個範例中適合的 onclick 程式碼。這樣,Google Ads 只會在客戶點擊連結或按鈕時記錄轉換。
重要事項
如有訪客點擊連結、按鈕或按鈕圖片,您的網站必須能調用 gtag_report_conversion 函數,並將您的網站或電話連結 (例如:'http://example.com/your-link’、'tel:800-123-4567') 傳輸為參數值。
檢查 Google 標籤
若要確保轉換追蹤標籤已加入並能正確地追蹤轉換,又或者您認為標籤有問題:
- 按照指示檢查轉換追蹤標籤。
- 下載 Google Chrome 版 Google Tag Assistant,以解決轉換追蹤標籤的疑難。
使用 JavaScript 設定轉換追蹤
如要根據網站或流動網站所得的點擊追蹤轉換,請依循下列步驟。
- 設定轉換動作後,您的轉換標籤應類似這樣:
<!-- 適用於「加入購物車轉換網頁」的 Google 程式碼 在您的 HTML 網頁上加入片段,並在有訪客點擊所選連結或按鈕時調用
goog_report_conversion
。--><script type="text/javascript"> /* <![CDATA[ */ goog_snippet_vars = function() { var w = window; w.google_conversion_id = 12345678; w.google_conversion_label = "abcDeFGHIJklmN0PQ"; w.google_conversion_value = 13.00; w.google_conversion_currency = "USD"; w.google_remarketing_only = false; }
// 不要更改以下程式碼。goog_report_conversion = function(url) { goog_snippet_vars(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"> </script>
注意:您可以為不想看到個人化廣告的用戶停用資料收集功能。瞭解如何停止向特定用戶收集用於顯示個人化廣告的資料 - 在您的網站上,開啟您要追蹤的按鈕或連結所在網頁的 HTML。
- 在網頁的內文標籤之間 (
<body></body>
) 貼上轉換追蹤標籤。 - 現在,請直接在要追蹤的按鈕或連結的程式碼中加入 onclick 指令。視乎連結或按鈕在網站上的顯示方式 (例如文字連結、圖像或按鈕) 而定,您要使用的程式碼將會有所不同:
- 為文字連結加入程式碼:在以下程式碼中,以網站或電話連結網址取代「http://example.com/your-link」,並以連結文字取代「立即下載!」。
<a onclick="goog_report_conversion ('http://example.com/your-link')" href="http://example.com/your-link">立即下載!</a>
或:<a onclick="goog_report_conversion ('tel:800-123-4567')" href="#">立即致電!</a>
- 為按鈕加入程式碼:在以下程式碼中,以網站或電話連結網址取代「http://example.com/your-link」,並以按鈕文字取代「立即下載!」。
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">立即下載!</button>
或:<button onclick="goog_report_conversion('tel:800-123-4567')">致電 800-123-4567</button>
- 為圖像加入程式碼:在以下程式碼中,以按鈕圖像取代「download_button.gif」,以按鈕參數取代寬度與高度,並以連結網址取代「http://example.com/your-link」。
<img src="download_button.gif" alt="下載白皮書" width="32" height="32" onClick="goog_report_conversion ('http://example.com/your-link')"/>
或:<img src="my_phone_button.gif" alt="致電:800-123-4567" width="32" height="32" onClick="goog_report_conversion('tel:800-123-4567')"/>
- 為文字連結加入程式碼:在以下程式碼中,以網站或電話連結網址取代「http://example.com/your-link」,並以連結文字取代「立即下載!」。
為使追蹤功能正常運作,您必須加入轉換追蹤標籤和上述範例中適合的 onclick
程式碼。這樣,Google Ads 只會在客戶點擊所選連結或按鈕時記錄轉換。
檢查轉換標籤
若要確保轉換追蹤標籤已加入並能正確地追蹤轉換,又或者您認為標籤有問題:
- 按照指示檢查轉換追蹤標籤。
- 下載 Google Chrome 版 Google Tag Assistant,以解決轉換追蹤標籤的疑難。