Question

我尝试将onclick事件添加到使用导航助手的WordPress菜单中。虽然我理解代码和php，但我对WordPress系统不是很有经验，也不会让自己成为有经验的编码员。

我有一个菜单项，我想在其中添加onclick事件，但我无法知道如何执行此操作。

通常我会使用以下代码

<a href="tel:1300XXXXXX" onclick="__gaTracker('send','event','phone call','click');"></a>

菜单本身看起来像这样

<nav>
    <ul class="sf-menu">
        <li id="menu-item-2785" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2785"><a href="tel:1300XXXXXX"><span class='icon-phone'></span>Call us today 1300 XXX XXX</a></li>
    </ul>
</nav>

虽然我可以将菜单中的链接指定为tel:链接，但我无法将onclick添加到菜单项本身。

我尝试了一个名为Jin Menus的插件，但就我而言，我无法工作。

我也发现了这些文章，但还不够智能，让他们在这一点上工作

How to add an onclick function to wordpress menu item (For google cross domain tracking)

我非常感谢您提供的任何帮助。

Answer 1

如果你想要它用于所有菜单项，请使用一个类来识别它，或者每个项目是否有不同的使用id。

在你的js文件中：

$( ".menu-item" ).click(function() {
  // your on click code here
});

将.menu-item更改为您希望定位的任何类/ ID

Answer 2

这是我最后使用的。谢谢大家的帮助。

<script>
     (function($){
         $( ".sf-menu" ).click(function() {
             __gaTracker('send','event','phone call','header');
         });
     })(jQuery);
</script>`

Answer 3

例如，在单页网站上，您希望跟踪每个菜单项的点击事件作为导航，因此我想添加跟踪Anchor标记的功能。

$('a').click(function(){
    ga('send', 'event', 'Navigation', 'Click', $(this).text());
});

对我来说，点击次数越多越好，但如有必要，你可以做一些有条件的除草。

如何将onclick事件添加到Wordpress菜单

3 个答案: