如何將mixpanel與twitter bootstrap下拉菜單一起使用？

Question

我的代碼如下所示：

<div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav pull-right"> 
     <% if user_signed_in? %> 
     <li class="dropdown" id="menu7"> 
      <a class="dropdown-toggle" id="username" data-toggle="dropdown" href="#"> 
      <%= current_user.full_name %> 
      <b class="caret"></b> 
      </a> 
      <ul class="dropdown-menu"> 
      <li><%= link_to('Edit my account', edit_user_registration_path, 
        :id => 'edit_account') %></li> 
      <li><%= link_to('Logout', destroy_user_session_path, :method => 'delete', 
        :id => 'logout_link') %></li> 
      </ul> 
     </li> 
     <% else %> 
      <li><%= link_to('Login', new_user_session_path, :id => 'login_link') %></li> 
      <li><%= link_to('Sign up', new_user_registration_path, :id => 'signup_link') %></li> 
     <% end %> 
    </ul> 
    </div> 
</div> 

我的JavaScript事件是這些：

mixpanel.track_links('#username', 'Username clicked') 
    mixpanel.track_links('#edit_account', 'Edit account link clicked') 
    mixpanel.track_links('#logout_link', 'Logout link clicked') 

我不知道爲什麼（！我真的看起來怪異）只有事件「用戶名單擊'正在工作。有沒有人遇到類似的東西？

Answer 1

一種可能性是，你需要在你選擇的鏈接標籤：

mixpanel.track_links('#username a', 'Username clicked') 
    mixpanel.track_links('#edit_account a', 'Edit account link clicked') 
    mixpanel.track_links('#logout_link a', 'Logout link clicked') 

這就是它是如何在Mixpanel doc完成。

另一種選擇是你可能會這樣做是錯誤的方式。您可能想要使用Ruby API並將您的跟蹤器放入控制器，而不是跟蹤點擊鏈接，如this part of the doc所示。

因此，你會做這樣的事情在你的用戶控制器：

def edit 
    track_event "edits account" 
end 

而在休會電腦板：

def destroy 
    track event "logs out" 
end