Wie kann ich onclick-Ereignisse zu WordPress-Menüs

Ich versuche, fügen Sie ein onclick Veranstaltung zu einem WordPress-Menü mit einem nav-walker. Ich verstehe zwar code und php bin ich nicht sehr erfahren mit dem WordPress-system noch würde, ich könnte mich ein erfahrener coder.

Ich habe einen Menüpunkt, dass ich möchte noch hinzufügen, dass ein onclick Veranstaltung, aber ich kann nicht herausfinden, wie dies zu tun.

Normalerweise würde ich verwenden Sie code wie den folgenden

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

Menü sieht wie folgt aus

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

Ich kann zwar bestimmte der link im Menü, um ein tel: link gibt es keine Möglichkeit, was ich sehe, fügen Sie ein onclick Menüpunkt selbst.

Habe ich versucht, ein plugin namens der Jin-Menüs aber für das Leben von mir, ich konnte es nicht funktionieren.

Fand ich auch diesen Artikel aber noch nicht schlau genug, um zu arbeiten an dieser Stelle

Hinzufügen eines onclick-Funktion zu wordpress-Menüpunkt (Für google-cross-domain-tracking)

Ich würde schätzen jede Hilfe, die Sie bieten könnte.

Ich bevorzuge $('element').on('click', function(){}), aber die Antwort Kylar setzen ist genauso gültig. Lesen Sie mehr

InformationsquelleAutor byronjt | 2016-06-08

  1. 9

    wenn Sie es wollen, für alle die Menüpunkte, eine Klasse verwenden, um es zu identifizieren oder, wenn es anders für jedes Element Verwendung einer id.

    in Ihre js-Datei: 

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

    ändern .Menü-item zu welcher Klasse/id, die Sie ansprechen möchten

    Vielen Dank für deine Hilfe. So ist dies, wie es Aussehen würde <script> $( ".Menü-item" ).klicken Sie auf(Funktion() { __gaTracker('send','event','Anruf','click'); }); </script>
    Du bist herzlich willkommen. Ich bin froh, Sie haben es zu arbeiten. Können Sie markieren Sie die Antwort als korrekt, so dass andere Benutzer können durchsuchen und sehen, dass die Antwort funktioniert? Viel Glück für zukünftige Projekte.

    InformationsquelleAutor Kylar

  2. 0

    Dies ist, was ich am Ende verwendet werden. Danke an alle für Eure Hilfe.

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

    InformationsquelleAutor byronjt

  3. 0

    Auf eine Seite-Website, zum Beispiel, werden Sie wollen, verfolgen Sie die click-Ereignisse für jeden Menüpunkt als Ihre navigation, so dass ich wie das hinzufügen einer Funktion tracking-Anker-tag.

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

    Für mich, die mehr Daten auf Klicks, desto besser, aber Sie könnte eine bedingte Jäten, wenn nötig.

    InformationsquelleAutor Steven McElveen

Schreibe einen Kommentar