当前位置：首页 > news >正文

将网站上的点击作为转化操作进行跟踪-官方指导文档

news 2025/6/19 22:40:11

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

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

准备工作

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

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

操作说明

在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 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 usershttps://support.google.com/google-ads/answer/7559130#DisableDataCollection

在您的网站上，打开要跟踪的按钮或链接所在网页的 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 代码

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

查看检查转化跟踪代码https://support.google.com/google-ads/answer/1722021中的说明
下载适用于 Google Chrome 的 Google Tag Assistanthttps://get.google.com/tagassistant/，以便排查与转化跟踪代码有关的问题。

将网站上的点击作为转化操作进行跟踪-官方指导文档

您可以使用转化跟踪功能，在用户点击您网站上的某个按钮或链接时进行跟踪。例如，您可以在用户点击“立即购买”按钮或点击您移动网站上的电话号码时进行跟踪。本文介绍如何添加和修改转化跟踪代码，以便跟踪客户在您网站上的点击操作。如果希…...

编程日记 2023/11/9 12:49:06

Go相关命令说明

目录 Go相关命令说明go mod tidy ：清理未使用依赖项，并更新模块文件主要功能好处 go clean -modcache ：清除模块缓存go clean -testcache ：清除测试缓存go test -v ./client ：测试当前目录下client目录中的所有测试函数…...

编程日记 2023/11/9 12:48:05

3D全景技术，为我们打开全新宣传领域

随着科技的发展，3D全景技术正在融入我们的生活，这种全新视觉体验方式为我们打开了一扇全新的宣传领域，可以让我们多方位、多视角地探索各个行业，无论是对教育、商业、还是其他领域，都产生了深远的影响。 3D全景技术结合…...

编程日记 2023/11/9 12:47:04

【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割10（测试推理篇）

对于直接将裁剪的patch，一个个的放到训练好的模型中进行预测，这部分代码可以直接参考前面的训练部分就行了。其实说白了，就是验证部分。不使用dataloader的方法，也只需要修改少部分代码即可。但是，这种方法是不end to end的。我们接下来要做的，就是将一个CT数组作为输入…...

编程日记 2023/11/9 12:45:02

PyCharm+Miniconda3安装配置教程

PyCharm是Python著名的Python集成开发环境（IDE） conda有Miniconda和Anaconda，前者应该是类似最小化版本，后者可能是功能更为强大的版本，我们这里安装Miniconda 按官方文档的说法conda相当于pip与virtualenv的结合&am…...

编程日记 2023/11/9 12:43:58

【慢SQL性能优化】一条SQL的生命周期 | 京东物流技术团队

一、一条简单SQL在MySQL执行过程一张简单的图说明下，MySQL架构有哪些组件和组建间关系，接下来给大家用SQL语句分析例如如下SQL语句 SELECT department_id FROM employee WHERE name Lucy AND age > 18 GROUP BY department_id其中name为索引&a…...

编程日记 2023/11/9 12:42:57

小程序day05

使用npm包 Vant Weapp 类似于前端boostrap和element ui那些的样式框架。安装过程注意:这里建议直接去看官网的安装过程。 vant-weapp版本最好也不要指定在项目目录里面先输入npm init -y 初始化一个包管理配置文件: package.json 使用css变量定制vant主题样式&#xff0…...

编程日记 2023/11/9 12:41:56

Docker两个容器互相请求接口

BEGIN 环境：Docker-Windows-Hyperf 1. 过以下命令查看Docker中的所有网络 docker network ls这个命令会列出所有的Docker网络，包括其ID、名称、驱动以及作用范围在 Docker 中，容器通过 Docker 网络进行相互通信；在 Docker 中有…...

编程日记 2023/11/9 12:40:55

UML与PlantUML简介

UML与PlantUML 1、UML与PlantUML概述2、PlantUML使用 1、UML与PlantUML概述 UML（Unified Modeling Language）是一种统一建模语言，为面向对象开发系统的产品进行说明、可视化、和编制文档的一种标准语言，独立于任何具体程序设计语言…...

编程日记 2023/11/9 12:37:50

面试--springboot基础

1、约定优于配置，理解是一种软件设计的范式，减少开发人员对于配置项的维护，更加聚焦在业务逻辑上基于spring框架开发web项目，只需要做一次配置 springboot starter启动依赖，帮我们管理jar包版本当前应用依赖spring…...

编程日记 2023/11/9 12:36:49

“高端化”围城中，方太集团茅忠群的理想与现实

撰稿|行星来源|贝多财经 “成为一家伟大的企业”，这是深耕厨电领域27年的方太集团（下称“方太”）矢志不渝的宏伟愿景。在历经厨电行业十余年的高速发展期后，面临市场热度渐退、赛道高手林立的局面，在行业逆流中坚…...

编程日记 2023/11/9 12:35:47

Linux文件管理知识:文本处理

上篇文章详细介绍了Linux系统中查找文件的工具或者命令程序的相关操作内容介绍。那么，今天呢，这篇文章围绕Linux系统中文本处理来阐述。众所周知，所有Linux操作系统都离不开一个核心原则，那就是它是由很多种文件组成的&#xff0…...

编程日记 2023/11/9 12:34:46

flink的带状态的RichFlatMapFunction函数使用

背景使用RichFlatMapFunction可以带状态来决定如何对数据流进行转换，而且这种用法非常常见，根据之前遇到过的某个key的状态来决定再次遇到同样的key时要如何进行数据转换，本文就来简单举个例子说明下RichFlatMapFunction的使用方法 RichFl…...

编程日记 2023/11/9 12:33:45

MySQL的安装使用（入学篇）

目录 1 MySQL安装 1.1 安装epel源 1.2 安装MySQL Repository 1.3 安装MySQL官方yum源 1.4 安装服务端、客户端 1.5 启动MySQL服务 2 MySQL 使用 2.1 获取初始登录密码 2.2 登录MySQL数据库 2.3 修改密码 2.4 退出数据库 2.5 使用新密码登录数据库 2.6 重启数据库 2.7 创建数据…...

编程日记 2023/11/9 12:32:45

面试复习整理

redis持久化方式和原理 Redis持久化是指将Redis内存中的数据以某种形式保存到磁盘上，以保证在Redis重启后数据不会丢失。Redis支持两种持久化方式：RDB（Redis DataBase）和AOF（Append Only File）。 RDB持久…...

编程日记 2023/11/9 12:31:44

第四章：Spring Boot 配置文件指南

第四章：Spring Boot 配置文件前言本章知识重点：作者结合开发实际经验与应用场景结合，整理了5种获取配置属性的方式。配置文件中获取属性应该是SpringBoot开发中最为常用的功能之一，但是常用的功能，仍然有很多开发者在这个方面踩坑。通过本章节学习在实际中避免一些坑，…...

编程日记 2023/11/9 12:30:43

常用中间件分类

常见的中间件包括： 消息中间件：用于处理应用程序之间的异步消息传递，常见的消息中间件包括 RabbitMQ、Apache Kafka、ActiveMQ 等。缓存中间件：用于缓存数据以加快访问速度，常见的缓存中间件包括 Redis、Memcached 等…...

编程日记 2023/11/9 12:29:41

中文编程软件视频推荐，自学编程电脑推荐，中文编程开发语言工具下载

中文编程软件视频推荐，自学编程电脑推荐，中文编程开发语言工具下载给大家分享一款中文编程工具，零基础轻松学编程，不需英语基础，编程工具可下载。这款工具不但可以连接部分硬件，而且可以开发大型的软件…...

编程日记 2023/11/9 12:28:39

Spring Boot 启动加速

一、简介本文将带你了解如何通过调整 Spring 应用的配置、JVM 参数和使用 GraalVM 原生镜像来缩短 Spring Boot 的启动时间。二、调整 Spring 应用首先，创建一个 Spring Boot（2.5.4）应用，添加 Spring Web、Spring Actuator …...

编程日记 2023/11/9 12:27:38

CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型

CVPR 2025 | MIMO：支持视觉指代和像素对齐的医学视觉语言模型论文信息标题：MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者：Yanyuan Chen, Dexuan Xu, Yu Hu…...

编程新知 2025/6/18 20:00:46

12.找到字符串中所有字母异位词

🧠 题目解析题目描述： 给定两个字符串 s 和 p，找出 s 中所有 p 的字母异位词的起始索引。返回的答案以数组形式表示。字母异位词定义： 若两个字符串包含的字符种类和出现次数完全相同，顺序无所谓，则互为…...

编程新知 2025/6/15 23:16:52

思维导图 1-3 章 4-7章 8-11 章参考资料源码： https://github.com/streaming-with-flink 博客 https://flink.apache.org/bloghttps://www.ververica.com/blog 聚会及会议 https://flink-forward.orghttps://www.meetup.com/topics/apache-flink https://n…...

编程新知 2025/6/19 5:57:06