首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >跟踪元素元素的单击到Matomo

跟踪元素元素的单击到Matomo
EN

Stack Overflow用户
提问于 2022-01-11 23:09:06
回答 1查看 136关注 0票数 0

如何使Matomo能够跟踪使用Elementor制作的mailto链接和tel链接上的单击?

Matomo脚本是添加到Wordpress与插件"WP-Matomo集成“。Matomo的目标是听点击外部网站的模式mailto:(.*),分别tel:(.*)。Matomo客户端脚本不是应该从跟踪服务器获取目标并侦听这些事件吗?还有其他方法来触发这些事件吗?

EN

回答 1

Stack Overflow用户

发布于 2022-01-11 23:09:06

我创建了一个脚本来搜索类"matomogoal“中的元素,并将目标的id发送给Matomo。它将把目标id从属性matomogoalid推到matomo,您可以从目标->管理目标下的Matomo实例中获得这个目标id。

代码语言:javascript
运行
复制
function trackClickGoal() {
    var goalId = this.getAttribute("matomogoal");
    _paq.push(['trackGoal', goalId]);
}

if (typeof _paq != "undefined") {
    var elements = document.getElementsByClassName("matomogoal");
    for (var i = 0; i < elements.length; i++) {
        elements[i].addEventListener('click', trackClickGoal, false);
    }
} else { console.error('matomo client script is is not initialized'); }
代码语言:javascript
运行
复制
<!-- HTML is supposed to look similar to this -->
<div class="matomogoal" matomogoal="goalid">
  <a href="mailto:nospam@nospam.com"></a>
</div>

您可以通过编辑Elementor中的链接来设置这些属性。在左侧的Elementor面板中,单击"Advanced并将"CSS类“字段设置为matomogoal

然后单击“属性”并将“自定义属性”的值设置为matomogoal|goalid (同时使用您希望通过此单击跟踪的目标ID ):

这也适用于一个页面上的多个目标。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70674511

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档