2016-06-08 3 views
2

nav walker를 사용하는 WordPress 메뉴에 onclick 이벤트를 추가하려고합니다. 내가 코드와 PHP를 이해하는 동안 나는 워드 프레스 시스템에 대해 경험이별로 없으며 경험있는 코더도 될 수 없다.Wordpress 메뉴에 onclick 이벤트를 추가하는 방법

나는 onclick 이벤트를 추가하고 싶지만이 작업을 수행하는 방법을 알 수없는 메뉴 항목이 있습니다. 나는 특정 메뉴의 링크가있는 tel: 링크 할 수 있지만

는 일반적으로 I는 다음과

<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> 

과 같은 메뉴를 코드를 사용하십시오 내가보기에는 메뉴 항목 자체에 onclick을 추가 할 방법이 없습니다.

나는 Jin Menus이라고 불리는 플러그인을 시도했지만, 내 인생에서 나는 작동하지 못했습니다.

나는 이러한 기사를 찾을 수 있지만이 시점

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

나는 매우 당신이 제공 할 수있는 모든 도움을 주셔서 감사합니다 것입니다에서 작동시킬만큼 영리되지 않았습니다.

+0

나는 ('click', function() {})'에'$ ('element')를 선호하지만 Kylar가 입력 한 대답은 유효하다. [Read more] (http://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click) –

답변

5

모든 메뉴 항목에 대해 원하는 경우 클래스를 사용하여 식별하거나 각 항목마다 다른 ID를 사용하십시오. 당신의 js 파일에

:

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

변화 당신이 내가 말에서 사용 된 것입니다

+1

도움을 많이 주셔서 감사합니다. 이 모양은 다음과 같습니다. byronjt

+0

여러분을 환영합니다. 네가 일하게되어 기쁘다. 답변을 올바르게 표시하여 다른 사용자가 검색하여 답변이 작동하는지 확인할 수 있습니까? 미래의 프로젝트에서 행운을 빈다. – Kylar

0

타겟팅하려는 어떤 클래스/ID로 .menu 항목. 도움을 주신 모든 분들께 감사드립니다. 한 페이지 사이트에

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

, 예를 들어, 당신은 당신의 탐색 각 메뉴 항목에 대한 클릭 이벤트를 추적 할 수 있습니다, 그래서 앵커 태그를 추적하는 기능을 추가 좋아한다.

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

나를 위해 더 많은 클릭 데이터가 필요하지만 필요한 경우 일부 조건부 제초를 할 수 있습니다.

관련 문제