将网站上的点击作为转化操作进行跟踪-官方指导文档
您可以使用转化跟踪功能，在用户点击您网站上的某个按钮或链接时进行跟踪。例如，您可以在用户点击“立即购买”按钮或点击您移动网站上的电话号码时进行跟踪。
本文介绍如何添加和修改转化跟踪代码，以便跟踪客户在您网站上的点击操作。如果希望在网页加载时跟踪转化，请遵循这些说明进行操作。
准备工作
请您先确认以下事项，然后再向网站添加转化跟踪代码：
- 确保这是适合您的转化跟踪类型。
- 能够修改您的网站。请确保有人能够将相应代码添加到您的网站代码中，可以是您自己，也可以是网站开发者。
操作说明
在下面选择您要使用的转化跟踪代码版本，即可查看对应的操作。您只能从 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
https://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/，以便排查与转化跟踪代码有关的问题。
相关文章：
将网站上的点击作为转化操作进行跟踪-官方指导文档
您可以使用转化跟踪功能，在用户点击您网站上的某个按钮或链接时进行跟踪。例如，您可以在用户点击“立即购买”按钮或点击您移动网站上的电话号码时进行跟踪。 本文介绍如何添加和修改转化跟踪代码，以便跟踪客户在您网站上的点击操作。如果希…...
Go相关命令说明
目录 Go相关命令说明go mod tidy ：清理未使用依赖项，并更新模块文件主要功能好处 go clean -modcache ：清除模块缓存go clean -testcache ：清除测试缓存go test -v ./client ：测试当前目录下client目录中的所有测试函数…...
3D全景技术，为我们打开全新宣传领域
随着科技的发展，3D全景技术正在融入我们的生活，这种全新视觉体验方式为我们打开了一扇全新的宣传领域，可以让我们多方位、多视角地探索各个行业，无论是对教育、商业、还是其他领域，都产生了深远的影响。 3D全景技术结合…...
【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割10（测试推理篇）
对于直接将裁剪的patch，一个个的放到训练好的模型中进行预测，这部分代码可以直接参考前面的训练部分就行了。其实说白了，就是验证部分。不使用dataloader的方法，也只需要修改少部分代码即可。 但是，这种方法是不end to end的。我们接下来要做的，就是将一个CT数组作为输入…...
PyCharm+Miniconda3安装配置教程
PyCharm是Python著名的Python集成开发环境（IDE） conda有Miniconda和Anaconda，前者应该是类似最小化版本，后者可能是功能更为强大的版本，我们这里安装Miniconda 按官方文档的说法conda相当于pip与virtualenv的结合&am…...
【慢SQL性能优化】 一条SQL的生命周期 | 京东物流技术团队
一、 一条简单SQL在MySQL执行过程 一张简单的图说明下，MySQL架构有哪些组件和组建间关系，接下来给大家用SQL语句分析 例如如下SQL语句 SELECT department_id FROM employee WHERE name Lucy AND age > 18 GROUP BY department_id其中name为索引&a…...
小程序day05
使用npm包 Vant Weapp 类似于前端boostrap和element ui那些的样式框架。 安装过程 注意:这里建议直接去看官网的安装过程。 vant-weapp版本最好也不要指定 在项目目录里面先输入npm init -y 初始化一个包管理配置文件: package.json 使用css变量定制vant主题样式࿰…...
Docker两个容器互相请求接口
BEGIN 环境：Docker-Windows-Hyperf 1. 过以下命令查看Docker中的所有网络 docker network ls这个命令会列出所有的Docker网络，包括其ID、名称、驱动以及作用范围 在 Docker 中，容器通过 Docker 网络进行相互通信；在 Docker 中有…...
UML与PlantUML简介
UML与PlantUML 1、UML与PlantUML概述2、PlantUML使用 1、UML与PlantUML概述 UML（Unified Modeling Language）是一种统一建模语言，为面向对象开发系统的产品进行说明、可视化、和编制文档的一种标准语言，独立于任何具体程序设计语言…...
面试--springboot基础
1、约定优于配置，理解 是一种软件设计的范式，减少开发人员对于配置项的维护，更加聚焦在业务逻辑上 基于spring框架开发web项目，只需要做一次配置 springboot starter启动依赖，帮我们管理jar包版本 当前应用依赖spring…...
“高端化”围城中，方太集团茅忠群的理想与现实
撰稿|行星 来源|贝多财经 “成为一家伟大的企业”，这是深耕厨电领域27年的方太集团（下称“方太”）矢志不渝的宏伟愿景。 在历经厨电行业十余年的高速发展期后，面临市场热度渐退、赛道高手林立的局面，在行业逆流中坚…...
Linux文件管理知识:文本处理
上篇文章详细介绍了Linux系统中查找文件的工具或者命令程序的相关操作内容介绍。那么，今天呢，这篇文章围绕Linux系统中文本处理来阐述。 众所周知，所有Linux操作系统都离不开一个核心原则，那就是它是由很多种文件组成的࿰…...
flink的带状态的RichFlatMapFunction函数使用
背景 使用RichFlatMapFunction可以带状态来决定如何对数据流进行转换，而且这种用法非常常见，根据之前遇到过的某个key的状态来决定再次遇到同样的key时要如何进行数据转换，本文就来简单举个例子说明下RichFlatMapFunction的使用方法 RichFl…...
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 创建数据…...
面试复习整理
redis持久化方式和原理 Redis持久化是指将Redis内存中的数据以某种形式保存到磁盘上，以保证在Redis重启后数据不会丢失。Redis支持两种持久化方式：RDB（Redis DataBase）和AOF（Append Only File）。 RDB持久…...
第四章 ：Spring Boot 配置文件指南
第四章 ：Spring Boot 配置文件 前言 本章知识重点：作者结合开发实际经验与应用场景结合，整理了5种获取配置属性的方式。配置文件中获取属性应该是SpringBoot开发中最为常用的功能之一，但是常用的功能，仍然有很多开发者在这个方面踩坑。通过本章节学习在实际中避免一些坑，…...
常用中间件分类
常见的中间件包括： 消息中间件：用于处理应用程序之间的异步消息传递，常见的消息中间件包括 RabbitMQ、Apache Kafka、ActiveMQ 等。 缓存中间件：用于缓存数据以加快访问速度，常见的缓存中间件包括 Redis、Memcached 等…...
中文编程软件视频推荐，自学编程电脑推荐，中文编程开发语言工具下载
中文编程软件视频推荐，自学编程电脑推荐，中文编程开发语言工具下载 给大家分享一款中文编程工具，零基础轻松学编程，不需英语基础，编程工具可下载。 这款工具不但可以连接部分硬件，而且可以开发大型的软件…...
Spring Boot 启动加速
一、简介 本文将带你了解如何通过调整 Spring 应用的配置、JVM 参数和使用 GraalVM 原生镜像来缩短 Spring Boot 的启动时间。 二、调整 Spring 应用 首先，创建一个 Spring Boot（2.5.4）应用，添加 Spring Web、Spring Actuator …...
UDP数据报文格式
...
LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明
LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造，完美适配AGV和无人叉车。同时，集成以太网与语音合成技术，为各类高级系统（如MES、调度系统、库位管理、立库等）提供高效便捷的语音交互体验。 L…...
python打卡day49
知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义 作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...
Linux简单的操作
ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名 转换路径 …...
python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）
更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...
vue3+vite项目中使用.env文件环境变量方法
vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量，这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...
【Oracle】分区表
个人主页：Guiat 归属专栏：Oracle 文章目录 1. 分区表基础概述1.1 分区表的概念与优势1.2 分区类型概览1.3 分区表的工作原理 2. 范围分区 (RANGE Partitioning)2.1 基础范围分区2.1.1 按日期范围分区2.1.2 按数值范围分区 2.2 间隔分区 (INTERVAL Partit…...
comfyui 工作流中 图生视频 如何增加视频的长度到5秒
comfyUI 工作流怎么可以生成更长的视频。除了硬件显存要求之外还有别的方法吗？ 在ComfyUI中实现图生视频并延长到5秒，需要结合多个扩展和技巧。以下是完整解决方案： 核心工作流配置（24fps下5秒120帧） #mermaid-svg-yP…...
Python训练营-Day26-函数专题1：函数定义与参数
题目1：计算圆的面积 任务： 编写一个名为 calculate_circle_area 的函数，该函数接收圆的半径 radius 作为参数，并返回圆的面积。圆的面积 π * radius (可以使用 math.pi 作为 π 的值)要求：函数接收一个位置参数 radi…...
Monorepo架构: Nx Cloud 扩展能力与缓存加速
借助 Nx Cloud 实现项目协同与加速构建 1 ） 缓存工作原理分析 在了解了本地缓存和远程缓存之后，我们来探究缓存是如何工作的。以计算文件的哈希串为例，若后续运行任务时文件哈希串未变，系统会直接使用对应的输出和制品文件。 2 …...
2.3 物理层设备
在这个视频中，我们要学习工作在物理层的两种网络设备，分别是中继器和集线器。首先来看中继器。在计算机网络中两个节点之间，需要通过物理传输媒体或者说物理传输介质进行连接。像同轴电缆、双绞线就是典型的传输介质，假设A节点要给…...