jQueryを使用してGAイベントを追跡する（ユニバーサル）

Question

audioElement.jsを使用してオーディオプレーヤーを処理しているmy Wordpress siteのjQueryを使用して、再生と一時停止を追跡しようとしています。私はこれを研究し、私が答えと思ったものを見つけましたが、私はまだの機能を発動させることができません！次のように

私のコードは次のとおりです。

jQuery(document).ready(function($) { 
    //Tracking MediaElement Plays 
    $('body').on('click', '.mejs-play', function() { 
    ga('send', 'event', 'Audio', 'Play', 'Audio Played'); 
    }); 
}); 

私はそれに割り当てられた、このクラスを持つ要素をクリックしたときに、私はGAリアルタイムレポートから任意の応答を取得しておりません。

私が間違っていることは何ですか？

Answer 1

[OK]を、私は私が自分自身のためにこれを解決すると思います。いくつかの要因が、この特定の状況への鍵でした：原因Wordpress.org CMSの奇妙に

1. 、私は自分のサイト上のすべてのルックアップのためにjQuery()の代わり$()を使用する必要があります - だけでなく、コードの先頭に私のコード内でルックアップを行う必要があるたびに。肥大したコードを作成しますが、うまくいきます！

2. MEJS要素のいずれかが作成される前に読み込まれていたため、スクリプトはMediaElement.jsで何もしていなかったため、JSコードが起動された時点で存在しませんでした。これを解決するには、<script>要素を行の最後にキューイングできるようにするthis defer trickが見つかりました。シンプルで、私は<script defer="defer">を使って私のヘッダーのスクリプトを呼び出さなければならなかった。

3. 基本スクリプトが機能し、結果がコンソールに届いたら、と組み合わせて、再生と一時停止を区別する単純なif() {} else {}ステートメントを使用しました。

私のサイトのヘッダーに挿入された最終結果は美しく動作します！ここにあります：

<script defer="defer"> 
//Tracking MediaElement Plays and Pauses 
jQuery(window).load(function() { 
    jQuery('.mejs-playpause-button').click(function() { 
    if (jQuery(this).hasClass('mejs-play')) { 
     ga('send', 'event', 'audio', 'play audio', 'audio played'); 
    } else { 
     ga('send', 'event', 'audio', 'pause audio', 'audio paused'); 
    } 
    }); 
}); 
</script> 

これは、他の誰かが自分の演奏や一時停止を追跡するのに役立ちます。

Answer 2

jQueryの実装に問題があります。私は$(window)のようなコンソールに何かを入力すると、私はエラーが表示されます。

TypeError: $ is not a function