將網站上的點擊視為轉換來追蹤

您可以使用轉換追蹤功能，追蹤使用者在網站上點擊按鈕或連結的行為 (例如點擊 [立即購買] 按鈕或點擊行動網站上的電話號碼)。

本文將說明如何在網站中加入及修改轉換追蹤代碼，以追蹤顧客點擊。如需改為追蹤載入網頁的轉換，請遵循這些操作說明。

事前準備

在網站中加入轉換追蹤標記前，您需要：

確定這種轉換追蹤符合您的需求：
具備修改網站的能力：您或網站開發人員必須能在網站程式碼中加入代碼。

操作說明

選擇您目前正在使用的轉換追蹤代碼版本。如需全網站代碼程式碼片段，您只能透過 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 more About the Google tag.

在網站上找出您要追蹤的按鈕或連結所在的網頁，然後開啟該網頁的 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 就只會在顧客點按連結或按鈕時記錄轉換。

重要事項

當有人按下連結、按鈕或按鈕圖片，並將您的網站或電話連結 (例如「http://example.com/your-link」、「tel:800-123-4567」) 做為參數值傳遞時，您的網站必須呼叫 gtag_report_conversion 函式。

檢查 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></body>) 之間，貼上轉換追蹤代碼。
接下來，請直接在您要追蹤的按鈕或連結的程式碼中加入 on click 指令。視連結或按鈕在網站上顯示的方式而定 (文字連結、圖片或按鈕)，適用的程式碼會不太一樣：
- 在文字連結中加入程式碼：在下方的程式碼中，將「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')"/>
```

為了使追蹤功能正常運作，您必須一併加入轉換追蹤代碼，以及上述任一範例中符合您需求的 onclick 程式碼。這樣一來，Google Ads 就只會在客戶按下指定連結或按鈕時記錄轉換。

檢查轉換代碼

如要確認轉換追蹤代碼是否已安插完成且能正確追蹤轉換，或是您擔心代碼可能出錯，請參閱以下文章：

參閱查看轉換追蹤代碼一文中的操作說明。
下載 Google Chrome 版本的 Google Tag Assistant 來解決轉換追蹤代碼的相關問題。

這對您有幫助嗎？

我們應如何改進呢？