将网站上的点击作为转化操作进行跟踪

您可以使用转化跟踪功能，在用户点击您网站上的某个按钮或链接时进行跟踪。例如，您可以在用户点击“立即购买”按钮或点击您移动网站上的电话号码时进行跟踪。

本文介绍如何添加和修改转化跟踪代码，以便跟踪客户在您网站上的点击操作。如果希望在网页加载时跟踪转化，请遵循这些说明进行操作。

准备工作

请您先确认以下事项，然后再向网站添加转化跟踪代码：

确保这是适合您的转化跟踪类型。
能够修改您的网站。请确保有人能够将相应代码添加到您的网站代码中，可以是您自己，也可以是网站开发者。

操作说明

在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 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”替换为您网站上的电话号码，再将“Download now!”或“Call now!”替换为您所用的链接文字。应添加到链接标记的代码以黄色突出显示。
<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')">Submit</button>
或

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Call now!</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>) 之间，粘贴相应的转化跟踪代码。
现在，您需要针对要跟踪的按钮或链接将 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')"/>
```

为确保跟踪功能能够正常发挥作用，您必须按照上述示例添加转化跟踪代码以及相应的 onclick 代码。这样可以指示 Google Ads 仅在用户点击选定的链接或按钮时才记录转化。

检查转化跟踪代码

如果您想确认转化跟踪代码是否已添加、转化跟踪功能是否正常发挥作用，或者您认为代码可能存在问题，可采取以下步骤：

查看检查转化跟踪代码中的说明
下载适用于 Google Chrome 的 Google Tag Assistant，以便排查与转化跟踪代码有关的问题。

该内容对您有帮助吗？

您有什么改进建议？