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

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

news 2026/4/28 12:58:32

 

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

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

准备工作

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

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

操作说明

在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 Google Ads 获取网站级代码段，因此建议您改用这一新版本。旧版 Google Ads 中的代码仍然有效。

使用 Google 代码设置转化跟踪

  1. 首先，创建一项转化操作（如果要跟踪桌面版网站所获得的点击次数，请详细了解如何为网站设置转化跟踪；如果要跟踪移动网站所获得的点击次数，请详细了解如何跟踪用户在移动网站上点击电话号码的次数）。当您进入设置该代码的环节时，请务必选择点击选项，而不是网页加载。事件代码段将如下所示：
<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 usersicon-default.png?t=N7T8https://support.google.com/google-ads/answer/7559130#DisableDataCollection

  1. 在您的网站上，打开要跟踪的按钮或链接所在网页的 HTML 代码。然后，在网页的 head 标记（即 <head></head>）之间插入事件代码段，紧跟在 Google 代码之后。
  2. 现在，您需要直接在代码中为要跟踪的按钮或链接添加一个 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 代码

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

  • 查看检查转化跟踪代码icon-default.png?t=N7T8https://support.google.com/google-ads/answer/1722021中的说明
  • 下载适用于 Google Chrome 的 Google Tag Assistanticon-default.png?t=N7T8https://get.google.com/tagassistant/，以便排查与转化跟踪代码有关的问题。

相关文章：

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

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

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

Go相关命令说明

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

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

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

随着科技的发展&#xff0c;3D全景技术正在融入我们的生活&#xff0c;这种全新视觉体验方式为我们打开了一扇全新的宣传领域&#xff0c;可以让我们多方位、多视角地探索各个行业&#xff0c;无论是对教育、商业、还是其他领域&#xff0c;都产生了深远的影响。 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集成开发环境&#xff08;IDE&#xff09; conda有Miniconda和Anaconda&#xff0c;前者应该是类似最小化版本&#xff0c;后者可能是功能更为强大的版本&#xff0c;我们这里安装Miniconda 按官方文档的说法conda相当于pip与virtualenv的结合&am…...

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

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

一、 一条简单SQL在MySQL执行过程 一张简单的图说明下&#xff0c;MySQL架构有哪些组件和组建间关系&#xff0c;接下来给大家用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 环境&#xff1a;Docker-Windows-Hyperf 1. 过以下命令查看Docker中的所有网络 docker network ls这个命令会列出所有的Docker网络&#xff0c;包括其ID、名称、驱动以及作用范围 在 Docker 中&#xff0c;容器通过 Docker 网络进行相互通信&#xff1b;在 Docker 中有…...

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

UML与PlantUML简介

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

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

面试--springboot基础

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

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

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

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

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

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

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

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

flink的带状态的RichFlatMapFunction函数使用

背景 使用RichFlatMapFunction可以带状态来决定如何对数据流进行转换&#xff0c;而且这种用法非常常见&#xff0c;根据之前遇到过的某个key的状态来决定再次遇到同样的key时要如何进行数据转换&#xff0c;本文就来简单举个例子说明下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内存中的数据以某种形式保存到磁盘上&#xff0c;以保证在Redis重启后数据不会丢失。Redis支持两种持久化方式&#xff1a;RDB&#xff08;Redis DataBase&#xff09;和AOF&#xff08;Append Only File&#xff09;。 RDB持久…...

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

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

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

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

常用中间件分类

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

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

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

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

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

Spring Boot 启动加速

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

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

UDP数据报文格式

...

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

告别网盘下载烦恼：八大网盘直链下载助手完整使用指南

告别网盘下载烦恼&#xff1a;八大网盘直链下载助手完整使用指南 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动云盘 / 天翼云…...

编程新知 2026/4/28 9:41:54

自动化项目引导：从环境搭建到新人上手的工程实践

1. 项目概述与核心价值最近在梳理团队新成员入职流程时&#xff0c;发现了一个普遍存在的痛点&#xff1a;无论公司规模大小&#xff0c;新人的“上手期”总是充满了混乱和低效。信息散落在各个角落&#xff0c;工具权限申请像闯关&#xff0c;代码库在哪、怎么跑起来、遇到问题…...

编程新知 2026/4/28 9:21:30

国产回路电阻测试仪：康高特白驹Pro与技术前瞻

引言电力系统作为现代社会运行的基石&#xff0c;其稳定性和安全性至关重要。电气设备中的连接点&#xff0c;特别是高压断路器、隔离开关等关键设备的触头&#xff0c;其接触电阻的微小变化都可能引发局部过热&#xff0c;导致设备故障&#xff0c;甚至造成系统性风险。因此&a…...

编程新知 2026/4/28 6:41:44

从吃灰到爽玩：手把手教你用SteamVR设置HTC Vive，搞定《半衰期：爱莉克斯》前的必备步骤

从吃灰到爽玩&#xff1a;HTC Vive终极配置指南与《半衰期&#xff1a;爱莉克斯》体验优化 当你拆开HTC Vive包装的那一刻&#xff0c;眼前堆叠的线缆和配件可能让人望而生畏。但别担心&#xff0c;这套设备的价值远超你的想象——尤其是当你准备体验《半衰期&#xff1a;爱莉克…...

编程新知 2026/4/28 5:31:14

告别手忙脚乱！用立创EDA焊接辅助工具，像玩游戏一样轻松焊接你的PCB板

像玩游戏一样轻松焊接&#xff1a;立创EDA焊接辅助工具实战指南 焊接电路板对许多电子爱好者来说&#xff0c;既是创作的乐趣所在&#xff0c;也是容易出错的技术难点。传统焊接过程中&#xff0c;我们需要不断对照原理图、BOM表和实物板子&#xff0c;稍不留神就可能焊错元件或…...

编程新知 2026/4/28 5:20:45

YOLO-Pose量化实战：从浮点到8位整型，在边缘设备上跑出SOTA AP50

YOLO-Pose量化实战&#xff1a;从浮点到8位整型的高效部署指南 姿态估计技术正从实验室快速走向工业落地&#xff0c;而YOLO-Pose作为首个将目标检测与关键点检测统一的无热图方案&#xff0c;其90.2%的COCO AP50精度与实时性优势已引发行业关注。但当工程师真正尝试将其部署到…...

编程新知 2026/4/28 5:04:00

终极指南：如何从OpenCensus平滑迁移到OpenTelemetry，彻底告别性能瓶颈

终极指南&#xff1a;如何从OpenCensus平滑迁移到OpenTelemetry&#xff0c;彻底告别性能瓶颈 【免费下载链接】dapr Dapr is a portable runtime for building distributed applications across cloud and edge, combining event-driven architecture with workflow orchestra…...

编程新知 2026/4/28 4:33:23

如何从零开始构建操作系统安全隔离：内存保护与进程隔离完整指南

如何从零开始构建操作系统安全隔离&#xff1a;内存保护与进程隔离完整指南 【免费下载链接】os-tutorial How to create an OS from scratch 项目地址: https://gitcode.com/gh_mirrors/os/os-tutorial 在操作系统开发中&#xff0c;安全隔离是保障系统稳定运行的核心机…...

编程新知 2026/4/28 4:29:57

Emscripten线程安全终极指南：10个实战技巧避免多线程死锁

Emscripten线程安全终极指南&#xff1a;10个实战技巧避免多线程死锁 【免费下载链接】emscripten Emscripten: An LLVM-to-WebAssembly Compiler 项目地址: https://gitcode.com/gh_mirrors/em/emscripten Emscripten作为一款强大的LLVM到WebAssembly编译器&#xff0c…...

编程新知 2026/4/28 4:15:27

第86篇：开源vs闭源大模型生态之争——开发者与企业的机会在哪里？（概念入门）

文章目录背景引入&#xff1a;一个“选择困难症”的实战场景核心概念&#xff1a;开源与闭源&#xff0c;两条截然不同的道路类比解释&#xff1a;iOS vs Android&#xff0c;历史的重演&#xff1f;简单示例&#xff1a;用代码感受两者的差异生态之争下的机会地图1. 对于开发者…...

编程新知 2026/4/28 1:53:53