不少网站会在页面上留下联系方式,希望访客通过联系方式与您取得联系,如微信或邮箱,这次分享的是GTM中的复制行为,主要是用户复制页面上的联系方式,具体的如图3-107所示:
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic1.zhimg.com/80/v2-5dc31e98eac06c2bbf94f2aab1a2f274_hd.jpg)
原理:通过页面注入js,判断用户是否有复制行为,主动Push Event,同时将复制的文本信息传递到数据层变量中,后面就是用触发器和数据层变量接收对应的值,用代码中的事件跟踪将相关的信息向GA发送数据。
通过GTM跟踪用户的复制,可以知道用户复制了什么,在什么页面复制,什么时段复制的,复制的用户集中是在哪个渠道,这些信息可以广告投放在渠道和时段上提供支持。
详细实现过程:
1、注入JS
通过一段js代码监听用户的复制行为,由于这段代码会用到浏览器的一些接口,所有部分浏览器如果关闭了接口,就会跟踪不到,目前来说,这种方法能跟踪到大部分的浏览器,具体的代码如图3-108所示:
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic2.zhimg.com/80/v2-3ee0136083198371583a008d7a209b7d_hd.jpg)
2、设置促发条件textCopied
用一个自定事件接收前面发送的事件,需要注意事件名称要跟前面一步发出来事件名要一直,具体如图3-109所示:
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic4.zhimg.com/80/v2-862c41b6bec4149d0c693b3c70d720bb_hd.jpg)
3、接受数据层变量clIPboardText,
在GTM中用变量里的的数据层变量接收clIPboardText,其实clIPboardLength也可以通过数据层变量接受,但这里至介绍具体复制内容就够了,具体设置如图3-110所示:
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic4.zhimg.com/80/v2-3fbe70d219c7b07cef480632c96976e7_hd.jpg)
4、tag中设置事件,在代码中设置,向GA发送数据,具体设置如图3-111所示:
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic2.zhimg.com/80/v2-0d7c2e5ee0b9a2f880281a49871b27d5_hd.jpg)
上图中的“操作”设置为可以知道是在哪个页面复制,标签表示复制的内容个,触发器是第二步设置的textCopied。
5、测试
在GA的实时里面测试,看是否有触发,如果有,表示事件跟踪成功,成功状态的如图3-112所示,如果没有,那就需要调试去定位问题。
![4.12、跟踪用户复制行为 4.12、跟踪用户复制行为](https://pic1.zhimg.com/80/v2-d9ea18f2da39e2db9eb7aca46479e270_hd.jpg)
测试成功,可以发布