首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用Google Tag Manager跟踪点击既不是链接也不是按钮的元素?

Google Tag Manager是一种用于管理和部署网站和移动应用程序的标签的工具。通过Google Tag Manager,您可以跟踪并收集与用户交互的数据,包括点击既不是链接也不是按钮的元素。

要使用Google Tag Manager跟踪这些元素,您可以按照以下步骤进行操作:

  1. 创建Google Tag Manager帐户并设置容器:登录Google Tag Manager官方网站(https://tagmanager.google.com/),按照指引创建帐户并设置容器。容器是您要部署标签的网站或应用程序的容器。
  2. 在容器中添加标签:在容器设置完成后,您可以添加要跟踪的标签。点击“标签”选项卡,然后点击“新建”来创建新的标签。选择“Google Analytics”或其他适当的标签类型,并按照指引填写相应的配置信息。在此过程中,您需要设置触发器来定义何时触发标签的跟踪。
  3. 创建触发器:在标签设置完成后,您需要创建一个触发器来定义何时触发标签。点击“触发器”选项卡,然后点击“新建”来创建新的触发器。根据您的需求选择适当的触发器类型,并按照指引填写相应的配置信息。您可以选择使用自定义事件触发器,以便捕捉并跟踪点击既不是链接也不是按钮的元素。
  4. 预览和发布:在设置标签和触发器后,您可以点击“提交”按钮来预览更改。使用Google Tag Manager提供的预览模式,在您的网站或应用程序上测试标签和触发器的效果。如果一切正常,您可以点击“发布”按钮将更改正式发布到您的网站或应用程序上。

请注意,Google Tag Manager是一种灵活的工具,可以根据您的具体需求进行配置。此外,根据点击既不是链接也不是按钮的元素的具体类型和网站或应用程序的特点,可能需要进一步的自定义设置和调整。

腾讯云相关产品:腾讯云提供了一系列云服务,其中包括云计算相关的产品。您可以使用腾讯云的云服务器(CVM)来部署和运行您的网站或应用程序。此外,腾讯云还提供了弹性负载均衡(CLB)和内容分发网络(CDN)等产品,以提供高可用性和快速访问性能。您可以通过腾讯云官方网站(https://cloud.tencent.com/)了解更多相关产品和详细信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Google代码管理工具101 部分5-表单

本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第五篇文章。...在Part1我们介绍了如何替换标准Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击标签,Part4内容涵盖社交媒体标签,Part5...建议你从第1部分开始看这个系列文章,按照文章内容,创建属于你Google Tag Manager容器。...追踪代码——虚拟页面 我们使用网页路径字段名设置为“page”,我们在“评论”字词中添加了一个独立页面 - 此网页会显示在“所有网页”报告中,例如/blog/2015/july/20/google-tag-manager...但是我现在又写了第6篇——一种记录您博客页面的“真正跳出率”方法。真正跳出率是衡量用户访问某篇文章在文章页面上花费了时间互动度一种方式,而不是点击跳到另一个网页。

2.4K50

谷歌跟踪代码管理器(GTM) 入门指南 第4部分——社交媒体

本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第四篇文章。...关于如何通过GTM管理社交媒体监测代码。 这是谷歌跟踪代码管理器(GTM)系列简介第四部分——社交媒体代码。如果想从头学起,可以去看看该系列第一部分,第二部分和第三部分。第五部分会很快上线。...从你网站点击跳转至社交网站 如果您已经将外部链接发送到Google Analytics(请参阅第3部分),那么你社交链接点击次数就将被记录为“事件”。...我可以使用图中Click作为触发器,实际上是使用Click Classes (元素类属性中一系列值)触发此变量。 即使每个点击完整字符串不一致,但它们都是以相同文本开头。...要构建标签Tag,我们可以使用我们确定其他变量Variable,名为Click Text(用户点击元素内部可见文本)。这是为了方便格式化我们社交网络。

2.5K60
  • GOOGLE 跟踪代码管理器(GTM)101 PART 1 – 基础篇

    本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第一篇文章。...在本文中,你会了解到,如何Google Analytics功能转移到Google跟踪代码管理器。看完系列一,你可以在网站上配置GTM代码,实现网页浏览量追踪。...1.创建账户和代码容器 假设你有一个配置了Google Analytics通用跟踪代码网站。开始使用Google跟踪代码管理器之前,你需要更改一段代码,这段代码会配置在每个网页上。...现在,你需要使用最低GTM配置来替换标准GA跟踪代码。 4.发布容器并部署GTM 代码 屏幕右上角是发布容器按钮。 GTM存储所有容器版本历史,所以如果发布后出现问题,你可以回退。 ?...这样,你就会知道用户何时查看了你PDF文件,用户何时点击了指向外部网站链接,以及用户何时点击了mailto链接

    4.2K50

    谷歌跟踪代码管理器(GTM) 入门指南 第3部分 - 创建链接追踪代码

    本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第三篇文章。...在Part1我们介绍了如何替换标准Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击标签,Part4内容涵盖社交媒体标签,Part5...建议你从第1部分开始看这个系列文章,按照文章内容,创建属于你Google Tag Manager容器。 首先,需要高清楚“为什么要为mailtos和外部链接创建标签?”...那么,如果你在Google Tag Manager建立了一个外部链接,如果他们在你网站上点击链接之后,你就可以知道他们去向何处。...在你发布容器之前,进入GTM预览模式,并确认当你点击mailto链接和外部链接标签时,会被触发。你可以在 GA测试视图确认你所看到来自实时事件视图事件。

    2.1K50

    如何确保营销效果?介绍6个你都听过但没用好步骤

    如何正确地设置“计划、行为、衡量、改进”一系列动作?当你使用数字营销渠道时,哪些指标可被认为是靠谱,以及如何不被它们误导?...达成这些结果应基于Google Analytics和Google Tag Manager收集到内部数据,并需要重视客户交易数量、类型以及相关信息。为了使结果准确,这些数据至少需要收集几个月。...我更喜欢使用Google Tag Manager,因为它允许你添加新目标,并查看用户活动,且无需打扰你开发人员去更新脚本或类似的内容。它让你有行动自由,而这也是你所需要。...以下是一些很棒英文资源,可帮助你了解并掌握Google Tag Manager: l 一些很赞Google Tage Manager资源 -- Simo Ahava l 什么是Google Tag...-- Kaelin Harmon l Google Tag Manager完整攻略 -- iPullRank 2.

    1K80

    谷歌监测代码管理器(GTM)基础教程 第2部分 - 创建代码

    本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第二篇文章,介绍GTM触发器和代码创建。...欢迎使用Google代码管理工具第2部分 - 创建代码。...代码是你如何记录“发生事情”以及你要返送信息。 因此,对于PDF链接点击,我们检查点击链接,如果链接包含“pdf”,触发器就会被触发。 我们将根据触发器触发代码,并将详细信息发送给GA。...如果不选择,则只要用户尝试点击链接就会触发代码。)”。如果你网站上有大量文档,并且你不想跟踪所有文档,则可以使用此选项。 ? STEP 3 第三步 现在我们决定何时启用触发器。...我们将跟踪网站外部链接,建立特殊代码来监测到达你社交媒体页面的点击,记录点击邮件链接跟踪表单提交。

    2.6K71

    用GTM就能3分钟内把网站变成灰色,这事还要什么网站开发

    利用GTM代码管理器把网站变成灰色GTM代码管理器(Google Tag Manager)是一个 Google 官方工具,安装到网站后,可以用来添加和管理第三方代码段。...在 Google 官方GTM代码管理器帮助中心有更多介绍,例如:设置和安装跟踪代码管理器。将网站变成灰色,方式很多,但归根到底都是通过添加CSS灰色滤镜来改变网站元素显示。...,这段 style 将添加 CSS 样式点击右上角 Submit 发布修改后 GTM,刷新网站就可以看到效果了复制以下代码到新建Tag中:html {filter...通过网站管理把网站变成灰色万一没有安装 GTM,或者无论如何配置搞不定,可以直接在网站管理后台安装上面的代码,效果相同。...----本文链接:用GTM就能3分钟内把网站变成灰色,这事还要什么网站开发

    49750

    如何Google 跟踪代码管理器 (GTM) 中安装 Matomo 跟踪

    如果您是云客户,您可以使用内置自定义“ Matomo Cloud Tag ”来设置Matomo。按着这些次序: 登录您 Google 跟踪代码管理器帐户。 选择要将 Matomo 添加到容器。...单击左侧菜单中“标签”。 单击标签部分右上角“新建”按钮添加新标签。 单击“标签配置”以选择标签。 将弹出一个包含所有可用标签窗口,在此处单击“在社区模板库中发现更多标签类型”链接。...或者,云和本地用户可以按照以下步骤使用 Google 跟踪代码管理器设置 Matomo 跟踪: 登录您 Google 跟踪代码管理器帐户。 单击“标签”,然后单击“新建”。...您已通过 Google 跟踪代码管理器成功设置了 Matomo 跟踪代码。要验证是否正在跟踪点击,请访问您网站并检查此数据在您 Matomo 实例中是否可见。...要了解有关将 Matomo 与 GTM 结合使用更多信息,我们推荐这篇第 3 方文章:Google 跟踪代码管理器和 Matomo。 您知道 Matomo 也有自己标签管理器吗?

    39830

    《Android应用开发揭秘》连载2

    Google官方提供了基于EclipseAndroid开发插件ADT,所以本书选择Eclipse作为开发IDE。...”选项卡,点击“Add Site…”按钮,输入地址 https://dl-ssl.google.com/android/eclipse/,结果如图2-10所示。...扩展学习 大家已经看到了Android模拟界面了,这款模拟器功能非常齐全,电话本、通话等功能都可正常使用(当然不是真的从模拟器中打电话)。甚至其内置浏览器和Google Maps都可以联网。...许多刚接触Android开发者,在调试Android程序时总是不能迅速地找到程序错误所在,Eclipse+ADT开发环境中没有直接跟踪对象内容方法,但是我们可以使用Google提供ADT插件DDMS...除此之外,在输入条件表达式时,可以使用代码帮助。

    1.1K50

    WordPress插件大全

    优化Feed底部,例如加入版权声明等等。 Feedvertising plugin – 实现在rss feed中文章结尾处加上别人文字或图片链接,而不是在博客文章中。...Backlinks inbound links counter – 跟踪博客来源链接。 Bsuite – 跟踪页面浏览、搜索关键词等内容,显示访问量最大日志以及相关日志。...Gregarious – 提供多个社会性书签网站按钮。 Hottaimoijiruna – 允许自定义时区时钟。 Inline Ajax Comments – 在访问者点击前隐藏评论。...OpenID Comments – 使用OpenID做为发表评论认证。 Quoter – 引用已有的评论。 Simple CoComments – 在博客间跟踪评论。...TinyMCEComments – 使用富文本编辑器撰写评论。 Trackbackers – 和Show Top Commenters不同,它展示是引用你文章最多博客,而不是评论最多的人。

    1.9K50

    Python 自动化指南(繁琐工作自动化)第二版:十二、网络爬取

    select()方法将返回一个Tag对象列表,这就是 BeautifulSoup 如何表示一个 HTML 元素。...搜索完 BeautifulSoup 后,你可以打开浏览器开发者工具,查看页面上一些链接元素。它们看起来很复杂,就像这样页面。 元素看起来非常复杂没关系。你只需要找到所有搜索结果链接模式。...这个方法可以用来跟踪一个链接,在一个单选按钮上进行选择,单击一个提交按钮,或者触发鼠标单击元素时可能发生任何事情。...点击浏览器按钮 selenium模块可以通过以下方法模拟点击各种浏览器按钮: browser.back()点击返回按钮。 browser.forward()点击前进按钮。...如何用selenium模拟点击浏览器前进、后退、刷新按钮? 实践项目 为了练习,编写程序来完成以下任务。

    8.7K70

    利用“Google Tag Manager V2”实现滚动追踪

    滚动追踪概念 如果你想收集更多有关访客行为信息,可以使用“谷歌标签管家第二版”(Google Tag Manager V2)中设置“滚动追踪”功能,滚动追踪功能是衡量受众如何浏览你所发布内容以及阅读量功能...滚动追踪报告会记录你网站页面中发生主要行为。 在本文中,我将逐步演示如何使用谷歌标签管家第二版(Google Tag ManagerV2)来“滚动追踪”你目标网页。...也许初看时,你会很难理解如何通过Google Tag Manager实现“滚动追踪”。但是如果你遵循本文中所说主要步骤,你会发现实现深度滚动追踪是很容易且有价值。 让我们开始吧。...滚动追踪准备:第一步 首先,最好做法是了解Google Tag Manager(或任何代码管理系统)运作方式。...第三步:要使用谷歌标签管家第二版(Google Tag Manager V2)实现滚动追踪,你先要有jQuery Scroll Depth。 你可以在下面找到脚本。

    1.8K70

    社会化营销秘密武器:用 Google Analytics 监测社会化分享效果

    社会化分享按钮点击统计 我们可以使用 Google Analytics 事件跟踪跟踪社会化分享按钮点击Google 事件跟踪函数是:_trackEvent(category, action,...那么分享到新浪微博按钮点击事件跟踪函数就是: _trackEvent('SocialShare', 'Share', 'Sina', 1); 如果使用 Google Analytics 最新异步跟踪代码的话...在 Google Analytics 报告 》 内容 》事件跟踪就能详细社会化分享按钮点击统计,下面是我爱水煮鱼最近一星期统计: 社会化分享按钮点击统计报表 从上面可以知道新浪微博被使用最多...然后选择事件总计标签左边侧下拉菜单,选择网页就能看到哪个页面被分享最多了: 社会化分享按钮最多点击页面统计报表 社会化分享效果 上面通过 Google Analytics 事件跟踪功能统计了社会化分享按钮点击...,虽然上面的数据非常重要,但是我们知道这个统计不是非常准确,因为分享按钮可能被误点或者别的原因,其实并没有分享成功,所以社会化分享真正效果还是应该看带来了多少用户和流量,那么如何精确统计出用户点击分享按钮而来流量呢

    45710

    爬虫入门指南(4): 使用Selenium和API爬取动态网页最佳方法

    本文将介绍如何使用Selenium和API来实现动态网页爬取 静态网页与动态网页区别 静态网页是在服务器端生成并发送给客户端固定内容,内容在客户端展示时并不会发生变化。...使用Selenium实现动态网页爬取 Selenium是一个用于自动化浏览器操作工具,它可以模拟用户在浏览器中操作,包括点击按钮、填写表单、执行JavaScript等。...Selenium可以模拟用户在浏览器中行为,如点击按钮、填写表单、执行JavaScript等。 安装和配置 首先,你需要安装Selenium库。...("Hello World") 点击按钮: 示例: # 通过元素定位找到按钮元素,并点击按钮 element = driver.find_element_by_id("button") element.click...driver.quit() 使用API获取动态数据 除了使用Selenium模拟浏览器操作来获取动态网页内容之外,有些网站提供了API接口,通过调用该接口可以直接获取动态数据。

    1.9K10

    GOOGLE 跟踪代码管理器101 PART 6 – 真实跳出率

    本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列最后一篇。...不过,这篇是Google Tag Manager 101系列文章最后一篇(当然,我会保留在之后将这个系列继续扩展权利~),本文会介绍如何使用GTM中计时器,同时如何使用该功能来计算页面真正跳出率...相较于另一篇跳出率同样是70%博文,内容质量却相差甚远。在这种情况下,你要如何来衡量访客对哪些内容阅读比例更高呢? 今天为大家介绍另一个Google Tag Manager简单应用。...访客通过点击链接可以到达他们想要页面,但是几乎在所有的页面上都少有访客有更加深度访问行为。 3....使用Google Tag Manager预览功能来对设置监测代码进行检测,一分钟后你就可以看到这条代码发送事件。 目标 你可以按照如下步骤在Google Analytics中创建事件: ?

    1.4K40

    数字营销分析工具:美国今天,中国明天

    统一平台基础上数据整合 这样一个平台并非是Google Analytics最先想到不是它最先做。...图:默认热图:点击图和注意力图 但如果你要作上面我所说比较,点击“比较”按钮之后,两个图随即变成你要比较细分之后热图。下图左图是直接流量点击热图,而右边则是搜索引擎流量点击热图。 ?...所以,这绝对不是可以轻视事情。 Ensighten、TrackingFirst以及Google Tag Manager是解决这类问题工具。...完整解决方案让这个供应商显得更有竞争力。 GoogleTag Manager怎么样呢?没问题,免费而且稳定。...(图片来自于工具:TraceAd) 另一个值得关注地方是tag manager向app监测领域延伸,即监测sdk管理工具。

    1.1K50

    如何让GA符合GDPR合规要求?5个步骤快速入门

    免费声明:请注意,本篇博文仅考虑了Google Analytics,而不是您网站可能使用其他营销技术。 ? Google Analytics:您数据处理器 ?...即使IP地址(默认情况下)从未在报告中公开过,Google使用它来提供地址位置数据。 为安全起见,我们建议您启用Google Analytics中IP匿名功能。...如果您使用Google Tag Manager,通过点击更多设置调整您标签或Google Analytics设置变量->字段设置,然后添加一个名为' anonymizeIp '新字段并且设置为' true...如果您不使用Google Tag Manager(GTM),您标记管理系统可能会将此设置作为选项公开,或者您可能需要直接编辑代码。...这是通过使用Tealium iQPrivacy Manager技术实现。 ?

    1.8K20

    React(一)

    npm 是一个基于 nodejs JavaScript 包管理工具,全称叫做 node package manager。(类似于 iOS 开发中 Cocoapods,C# 中 NuGet)。...所谓包呢,其实就是可复用代码,每个人都可以把自己编写代码库发布到 npm 源(registry)上面进行管理,你可以下载别人开发好包,在你自己应用当中使用。...npm 安装非常简单,不管你是用是什么操作系统,我们只需要打开 nodejs 官网,网站会自动匹配你系统显示相应安装包,点击 LTS 版本下载按钮,等待安装包下载完成。...yarn start JSX ---- JSX 其是一个语法扩展,它既不是单纯字符串,不是 HTML,虽然长得和 HTML 很像甚至基本上看起来一样。...className 而不是 class const title = (React Learning); JSX 嵌套 JSX 标签可以像 HTML

    47610

    pyspider 爬虫教程 (1):HTML 和 CSS 选择

    ,来遍历所有的电影: http://movie.douban.com/tag/ 创建一个项目 在 pyspider dashboard 右下角,点击 “Create” 按钮 替换 on_start...点击绿色 run 执行,你会看到 follows 上面有一个红色 1,切换到 follows 面板,点击绿色播放按钮Tag 列表页 在 tag 列表页 中,我们需要提取出所有的 电影列表页 ...既然前端程序员都使用 CSS选择器 为页面上不同元素设置样式,我们可以通过它定位需要元素。你可以在 CSS 选择器参考手册 这里学习更多 CSS选择器 语法。...你可以点击 Enable CSS selector helper 按钮,然后切换到 web 页面: ? 开启后,鼠标放在元素上,会被黄色高亮,点击后,所有拥有相同 CSS选择器 表达式元素会被高亮。...你可以在 Chrome Dev Tools 帮助下,写一个合适表达式: ? 右键点击需要提取元素点击审查元素

    1.9K70

    怎样只使用 CSS 进行用户追踪?

    本文将向你展示,即便用户禁用了 JavaScript,依然可以跟踪用户行为。 追踪器通常如何工作 通常,这类追踪器分析工具要使用到 JavaScript。...类似 Brave Browser 浏览器或者某些 chrome 扩展程序会阻止跟踪加载,例如 Google 分析。...追踪元素信息 到目前为止,我们所做事情就是当用户抵达网站,立即对信息进行分析。当然,我们可以利用 CSS 对单独事件做出应对。 如下所示,我们可以使用下面的例子,来分析鼠标悬停或活动事件。...我们可以在按钮点击时,做相同事情。在 CSS 中,这就是活动事件。...对于许多网站主来说,更感兴趣是,用户在看到或悬停在元素上犹豫了多久才点击某个元素。通过下面的代码,我们可以测量用户悬停后点击所花费时间。

    1.7K20
    领券