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

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

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

事前準備

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

  • 確定這種轉換追蹤符合您的需求: 請參閱下方「好處」一節,進一步瞭解何時適合追蹤點擊所帶來的轉換,而非網頁載入時發生的轉換。
  • 具備修改網站的能力: 您或網站管理員必須能夠在網站程式碼中加入標記。

操作說明

選擇您目前正在使用的轉換追蹤代碼版本。如需全網站代碼程式片段,您只能透過 Google Ads 取得,因此建議您改用這個新版本。舊版 AdWords 的代碼仍可運作。我們提供了操作說明,方便您在必要時安裝這些代碼。

使用全域網站代碼設定轉換追蹤

  1. 首先請建立轉換動作 (如果要追蹤電腦版網站上的點擊,請參閱「為網站設定轉換追蹤」一文;如果要追蹤行動版網站上的點擊,請參閱「追蹤行動版網站上的電話號碼點擊次數」一文)。進行到設定代碼的步驟時,請務必選取 [點擊] 選項,而非 [載入網頁]。事件程式碼片段看起來會像這樣:
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_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 remarketing data for specific users
  1. 在網站上找出您要追蹤的按鈕或連結所在的網頁,然後開啟該網頁的 HTML 程式碼,將事件程式碼片段放在網頁上的 head 代碼 (<head></head>) 之間,緊接在全域網站代碼後面。
  2. 接下來,請找到您要追蹤的按鈕或連結,然後直接在程式碼中加入 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>
 

在按鈕中加入程式碼:下列程式碼示範了使用 <button> 代碼在按鈕中加入點擊追蹤功能的方式。方法是將下列程式碼中的「http://example.com/your-link」換成您連結的到達網頁網址,或將「800-123-4567」換成您網站上的電話號碼。

<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 函式。

查看轉換追蹤代碼

如要確認轉換追蹤代碼已安插完成而且能正確追蹤轉換,或是您擔心代碼可能出錯,請檢查轉換追蹤代碼

使用 JavaScript 設定轉換追蹤

如要根據網站/行動網站獲得的點擊追蹤轉換,請按照下列步驟操作。

  1. 轉換動作設定完畢後,您的轉換代碼看起來應該會像這樣:
    	<!--用來加進購物車轉換頁的 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>
    

    注意事項

    對於不想看到個人化廣告的使用者,您可以停止收集這些人的再行銷資料。瞭解如何停用收集特定使用者再行銷資料的功能
  2. 在網站上找出您要追蹤的按鈕或連結所在的網頁,然後開啟該網頁的 HTML 程式碼。
  3. 在網頁的兩個 body 代碼 (<body></body>) 之間,貼上轉換追蹤代碼。
  4. 接下來,請直接在您要追蹤的按鈕或連結的程式碼中加入 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 程式碼。這樣一來,AdWords 就只會在客戶按下指定連結或按鈕時記錄轉換。

檢查轉換代碼

如要確認轉換代碼已安裝完成且能正確追蹤轉換,或是您擔心標記可能有問題,請參閱這些操作說明,瞭解如何檢查轉換追蹤標記

 
這對您有幫助嗎?
我們應如何改進呢?

還有其他問題嗎?

登入即可獲得其他支援選項,快速解決您的問題