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

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

news 2026/4/28 14:12:44

 

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

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

准备工作

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

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

操作说明

在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 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

5分钟完成黑苹果引导：OpCore Simplify智能配置工具终极指南

5分钟完成黑苹果引导&#xff1a;OpCore Simplify智能配置工具终极指南 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 想要在普通PC上体验macOS系统&…...

编程新知 2026/4/28 14:02:55

3分钟搞定B站缓存视频合并：安卓神器让离线观看更轻松

3分钟搞定B站缓存视频合并&#xff1a;安卓神器让离线观看更轻松 【免费下载链接】BilibiliCacheVideoMerge &#x1f525;&#x1f525;Android上将bilibili缓存视频合并导出为mp4&#xff0c;支持安卓5.0 ~ 13&#xff0c;视频挂载弹幕播放(Android consolidates and exports…...

编程新知 2026/4/28 13:07:58

UTM虚拟机：在iOS和macOS设备上运行Windows和Linux的终极指南

UTM虚拟机&#xff1a;在iOS和macOS设备上运行Windows和Linux的终极指南 【免费下载链接】UTM Virtual machines for iOS and macOS 项目地址: https://gitcode.com/gh_mirrors/ut/UTM 你是否曾梦想过在iPhone上运行Windows系统&#xff0c;或者在iPad上体验完整的Linux…...

编程新知 2026/4/28 12:50:28

免费GPU显存稳定性终极测试指南：memtest_vulkan 5分钟快速上手

免费GPU显存稳定性终极测试指南&#xff1a;memtest_vulkan 5分钟快速上手 【免费下载链接】memtest_vulkan Vulkan compute tool for testing video memory stability 项目地址: https://gitcode.com/gh_mirrors/me/memtest_vulkan 你是否曾经遇到游戏崩溃、图形渲染错…...

编程新知 2026/4/28 12:50:28

优化你的ROS机器人视觉：深入理解image_transport与cv_bridge的配合使用

优化你的ROS机器人视觉&#xff1a;深入理解image_transport与cv_bridge的配合使用 在机器人视觉开发中&#xff0c;图像数据的传输和处理效率直接影响着整个系统的性能表现。对于已经掌握ROS基础的中级开发者而言&#xff0c;如何构建一个高效、稳定的图像处理流水线是提升机器…...

编程新知 2026/4/28 12:50:28

终极实战指南：从零精通英雄联盟智能助手League Akari

终极实战指南&#xff1a;从零精通英雄联盟智能助手League Akari 【免费下载链接】League-Toolkit An all-in-one toolkit for LeagueClient. Gathering power &#x1f680;. 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit League Akari是一款基于官方L…...

编程新知 2026/4/28 12:05:18

告别激活烦恼：KMS_VL_ALL_AIO智能激活脚本全方位指南

告别激活烦恼&#xff1a;KMS_VL_ALL_AIO智能激活脚本全方位指南 【免费下载链接】KMS_VL_ALL_AIO Smart Activation Script 项目地址: https://gitcode.com/gh_mirrors/km/KMS_VL_ALL_AIO 还在为Windows和Office激活而反复折腾吗&#xff1f;每次重装系统后都要面对复杂…...

编程新知 2026/4/28 11:52:58

别再死记‘隔直通交’了！用ESP32和Arduino做个电容特性实验，5分钟搞懂原理

用ESP32和Arduino破解电容迷思&#xff1a;5分钟实验颠覆"隔直通交"刻板认知 每次听到"电容隔直通交"这个说法&#xff0c;我总会想起自己初学电子时的困惑——为什么老师讲得头头是道&#xff0c;我却总觉得哪里不对劲&#xff1f;直到有一天&#xff0c;…...

编程新知 2026/4/28 11:23:42

5分钟快速上手：Reloaded-II .NET Core游戏模组加载器终极指南

5分钟快速上手&#xff1a;Reloaded-II .NET Core游戏模组加载器终极指南 【免费下载链接】Reloaded-II Universal .NET Core Powered Modding Framework for any Native Game X86, X64. 项目地址: https://gitcode.com/gh_mirrors/re/Reloaded-II Reloaded-II是一款基于…...

编程新知 2026/4/28 9:48:11

从MATLAB仿真到FPGA落地：一个200Hz正弦波的50倍插值“升采样”全流程实战记录

从MATLAB仿真到FPGA落地&#xff1a;一个200Hz正弦波的50倍插值“升采样”全流程实战记录 数字信号处理工程师的日常&#xff0c;往往始于MATLAB里的优雅曲线&#xff0c;终于FPGA上的时序收敛警告。这次我们要解决一个看似简单却暗藏玄机的问题&#xff1a;如何将200Hz正弦波的…...

编程新知 2026/4/28 9:39:40