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

google tag manager GA小站 3年前 (2016-10-23) 4430次浏览 已收录 5个评论

这次分享的是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中跟踪用户的复制文字行为
测试成功,可以发布

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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 触发成功 非常感谢
    donaldtrump2019-06-17 15:01 回复
  2. 是的,事件为什么没触发,怎么知道问题在哪啊?
    sophie2019-03-14 12:50 回复
  3. 跟着教程,完全一样,但是事件没触发
    蓝色风之舞2018-10-15 16:19 回复