之前磊哥讲过GTM怎么跟踪点击行为，点击阅读：如何用Google Tag Manager来跟踪网站邮箱点击、skype点击、电话点击等事件
下面我们来讲讲，关于客户复制网站上邮箱的行为，如何跟踪，我们来看看GTM应该怎么设置。
一、创建抓取复制行为数据的代码
1. GTM中新建代码
如下图所示
2. 复制粘贴代码
代码类型：自定义HTML，
复制粘贴下面的代码，
<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>
也可以下载附件复制代码
如图所示，触发器：All pages，要跟踪所有网页上邮箱的复制行为，所以触发器为All Pages。
二、创建触发器
1. 新建自定义变量
2. 变量类型：数据层变量
数据层变量名：clipboardText，用来抓取粘贴的文字内容。
（PS：数据变量注意大小写和拼写，必须和代码中的变量名一模一样，才可以生效）
3. GTM中点击触发器-新建
4. 触发器类型：自定义事件
触发器命名：自定义-textCopied-mail
事件名称：textCopied
触发条件：数据层变量ClipboardText，正则表达式匹配 要跟踪的邮箱，如[email protected]时，才触发
三、创建GA4事件代码
1. GTM中点击代码-新建
2. 设置代码类型：GA4代码
触发器：刚刚创建的触发器
事件名称：copy-email
四、GTM中预览测试和发布
1. 点击GTM右上角预览
2. 输入测试网址并点击Connect
3. 在弹窗的预览网站中，做一个复制邮箱的操作
4. 回到GTM预览界面，点击Continue
5. 点击左侧Click, 在Tags Fired中看到了刚刚提交的代码，说明成功触发代码，跟踪点击邮箱代码设置成功
6. 回到GTM，点击右上角提交，发布代码
7. 设置GTM版本名称并点击右上角发布
发布成功后，大概10-30分钟后，可以在GA4的DebugView界面中看到，大概24小时后，可以在GA4的所有事件模块中看到。
同理，如果要跟踪用户复制电话号码的行为，步骤是一样的，不同在于，
第二步 创建触发器，第4个，触发器类型：自定义事件，触发条件，正则表达式匹配 要跟踪的 电话号码。
更多链接
如何用Google Tag Manager来跟踪网站邮箱点击、skype点击、电话点击等事件
还没有评论，来说两句吧...