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

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

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

准备工作

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

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

操作说明

在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 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”替换为您网站上的电话号码，再将“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，以便排查与转化跟踪代码有关的问题。

该内容对您有帮助吗？

您有什么改进建议？