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

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

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

事前準備

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

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

操作說明

選擇您目前正在使用的轉換追蹤代碼版本。如需全網站代碼程式碼片段，您只能透過 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 就只會在客戶按下連結或按鈕時記錄轉換。

重要事項

當有人按下連結、按鈕或按鈕圖片，並將您的網站或電話連結 (例如「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 來解決轉換追蹤代碼的相關問題。

這對您有幫助嗎？

我們應如何改進呢？