谷歌分析实战指南-F

⌘K
  1. 主页
  2. 文档
  3. 谷歌分析实战指南-F...
  4. 第4章 Google Tag Manager实战指...
  5. 4.12、跟踪用户复制行为

4.12、跟踪用户复制行为

不少网站会在页面上留下联系方式,希望访客通过联系方式与您取得联系,如微信或邮箱,这次分享的是GTM中的复制行为,主要是用户复制页面上的联系方式,具体的如图3-107所示:

4.12、跟踪用户复制行为
图3-107 跟踪用户复制的原理

原理:通过页面注入js,判断用户是否有复制行为,主动Push Event,同时将复制的文本信息传递到数据层变量中,后面就是用触发器和数据层变量接收对应的值,用代码中的事件跟踪将相关的信息向GA发送数据。

通过GTM跟踪用户的复制,可以知道用户复制了什么,在什么页面复制,什么时段复制的,复制的用户集中是在哪个渠道,这些信息可以广告投放在渠道和时段上提供支持。

详细实现过程:

1、注入JS

通过一段js代码监听用户的复制行为,由于这段代码会用到浏览器的一些接口,所有部分浏览器如果关闭了接口,就会跟踪不到,目前来说,这种方法能跟踪到大部分的浏览器,具体的代码如图3-108所示:

4.12、跟踪用户复制行为
图3-108 注入JS

2、设置促发条件textCopied

用一个自定事件接收前面发送的事件,需要注意事件名称要跟前面一步发出来事件名要一直,具体如图3-109所示:

4.12、跟踪用户复制行为
图3-109 自定义事件触发器

3、接受数据层变量clIPboardText,

在GTM中用变量里的的数据层变量接收clIPboardText,其实clIPboardLength也可以通过数据层变量接受,但这里至介绍具体复制内容就够了,具体设置如图3-110所示:

4.12、跟踪用户复制行为
图3-110接收数据层变量

4、tag中设置事件,在代码中设置,向GA发送数据,具体设置如图3-111所示:

4.12、跟踪用户复制行为
图3-111 设置代码

上图中的“操作”设置为可以知道是在哪个页面复制,标签表示复制的内容个,触发器是第二步设置的textCopied。

5、测试

在GA的实时里面测试,看是否有触发,如果有,表示事件跟踪成功,成功状态的如图3-112所示,如果没有,那就需要调试去定位问题。

4.12、跟踪用户复制行为
图3-112 测试

测试成功,可以发布


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~

我们要如何帮助您?

发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 请问有具体操作跟踪邮箱复制情况的流程吗
    2robot2022-08-30 11:35 回复 Mac OS X | Chrome 104.0.0.0
    • Haran
      在用户复制行为的基础上,加多一个判断,复制的内容是邮箱就发送。
      黄业忠2022-08-30 12:01 回复 Mac OS X | Chrome 104.0.0.0