这次分享的是GTM中的复制行为,主要是用户复制页面上的一些文字,段落
原理是:通过页面注入js,判断用户是否有复制行为,主动push event,同时将复制的文本传递到数据层变量中,后面就是用trigger和数据层变量接受对应的值,用tag中的事件跟踪向GA发送数据。
实现过程:
1、注入js
<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
3、接受数据层变量clipboardText,还有clipboardLength也可以通过数据层变量接受,但这里至介绍具体复制内容就够了
4、tag中设置事件
5、测试
测试成功,可以发布