GTM中跟踪用户的复制文字行为

GTM实战指南 GA小站 3114次浏览 已收录 4个评论

这次分享的是GTM中的复制行为,主要是用户复制页面上的一些文字,段落
GTM中跟踪用户的复制文字行为
 原理是:通过页面注入js,判断用户是否有复制行为,主动push event,同时将复制的文本传递到数据层变量中,后面就是用trigger和数据层变量接受对应的值,用tag中的事件跟踪向GA发送数据。
实现过程:

1、注入js
GTM中跟踪用户的复制文字行为

<script>
// Declare function to get selected text from document
function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

// Declare function on copy event
document.addEventListener("copy", function(e){
  dataLayer.push({
    "event": "textCopied",
    "clipboardText": getSelectionText(),
    "clipboardLength": getSelectionText().length
  });
});
</script>

2、设置促发条件trigger textCopied
GTM中跟踪用户的复制文字行为

3、接受数据层变量clipboardText,还有clipboardLength也可以通过数据层变量接受,但这里至介绍具体复制内容就够了
GTM中跟踪用户的复制文字行为

4、tag中设置事件
GTM中跟踪用户的复制文字行为

5、测试
GTM中跟踪用户的复制文字行为
测试成功,可以发布


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:GTM中跟踪用户的复制文字行为
链接:https://www.ichdata.com/tracking-users-copy-text-behavior-in-gtm.html

喜欢 (0)
[hyz1100@126.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 是的,事件为什么没触发,怎么知道问题在哪啊?
    sophie2019-03-14 12:50 回复
    • GA小站
      可能是触发器有错
      GA小站2019-03-14 22:23 回复
  2. 跟着教程,完全一样,但是事件没触发
    蓝色风之舞2018-10-15 16:19 回复
    • GA小站
      预览调试去定位问题
      GA小站2018-10-15 19:50 回复