【问题标题】:Unable to Track Click using jQuery无法使用 jQuery 跟踪点击
【发布时间】:2017-03-07 08:11:53
【问题描述】:

每当用户点击我聊天框上的最小化图标时,我都会尝试向 google analytics 发送事件。

最小化图标有id #minimize,单击时我只是从控制台日志开始,但我不知道为什么它不起作用。

网站是:http://2.internetremovals.com.au/ 您可以在右下角看到聊天框。

我的脚本是:

<script type="text/javascript">
   jQuery( "#minimize" ).click(function() {
      console.log("hello");
   });
</script>

感谢任何人的帮助或建议:]

【问题讨论】:

  • &lt;script type="text/javascript" src="https://chatsystem.io/208680"&gt;&lt;/script&gt; 存在找不到文件错误
  • jQuery( "#minimize" ) 没有找到任何元素。
  • 确保没有其他脚本错误。在此脚本之前执行的任何脚本错误都将停止所有脚本执行
  • 您在网站上有 GTM,因此您可以通过它跟踪事件,而不必担心编码。

标签: jquery html


【解决方案1】:

你需要像这样改变你的代码:

jQuery(document).ready(function ($) {
    $( "#minimize" ).click(function() {
        console.log("hello");
    });
});

或者试试这个

$.getScript("https://chatsystem.io/208680", function() {
    console.log("hello 1!")
        $(document).on('click', "#minimize", function() {
    console.log("hello 2!")
    });
});

这将在聊天框加载后绑定事件

这需要确保在您的代码开始工作之前加载的所有其他内容!

更新 1

添加了新代码

【讨论】:

  • 感谢大家的所有回答,Vasilij 是正确的,您的语法是正确的。我相信我无法跟踪#minimize 元素,因为它是由第三方(leadchat.io)加载到页面上的。如果我用#logo 交换最小化,它工作得很好。知道如何跟踪构成leadchat.io 框的元素吗?谢谢!
  • 尝试将代码 $( "#minimize" ).click(function() { console.log("hello"); }); 添加到从 (leadchat.io) 加载到您的信息的代码中,因此它必须在所有第三方代码加载和所有注入您页面的元素之后添加事件。跨度>
  • 啊,我恐怕这是我第一个攻击 Vasilij 的计划,但是我无法向leadchat.io 添加任何代码(它甚至不是插件,非常令人沮丧),无论如何我可以写一个脚本说“一旦一切都被加载,做X”? - 但话又说回来,这甚至会影响leadchat.io吗?谢谢 Vasilij!
  • 你能发布从leadchat.io获取数据的代码吗?
  • 据我了解,我看不到任何加载leadchat.io的代码,就好像它是由第三家公司在网站顶部加载的一样。好像leadchat 公司可以知道网站何时加载,并在顶部加载leadchat.io ......该网站是:2.internetremovals.com.au - 你同意这个盒子是独立加载的吗? (我拥有非常基本的编码技能......:()
猜你喜欢
  • 2015-04-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-13
  • 1970-01-01
相关资源
最近更新 更多