これを読んでいる場合は、WordPress サイトで Google アナリティクスを既に設定しているはずです。まだ行っていない場合は、今すぐ行ってください。ここで待っています。
…
さて、そのステップが完了したので、イベント トラッキングについて説明する必要があります。イベント トラッキングは、サイトで起こっていることについて知りたいあらゆる種類のものです。誰かがあなたのストアのカートに商品を追加したことを知りたいですか?すごい！彼らがニュースレターにサインアップしたとき？それは理にかなっている。フォーム入力を送信しましたか?良いアイデア！ 3 番目のいとこが 2 回削除された写真の上にマウスを置いたことがありますか?つまり、なぜですか？やってみましょう!
サイトでの Analytics の設定方法によっては、多数のイベントが自動的に追跡される場合があります。たとえば、Analytify は、e コマースや多くのフォーム プラグインの送信を追跡するのに優れています。しかし、選択した Analytics 統合では追跡できないことを追跡したい場合は、どうすればよいでしょうか。 自動的に追跡しますか？まあ、そうするソリューションを構築できます。 Javascript / jQuery が少し必要ですが、思ったよりずっと簡単です。
Google アナリティクス イベントの送信の基本を見てみましょう。まず、長い形式:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
これは長すぎて面倒なので、次のように簡略化できます:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
それでおしまい;これをブラウザのコンソールに表示すると、イベントがアナリティクスに送信され、ダッシュボードに表示されます。あとはトリガーするだけです。イベントが必要です。
イベント、または「何かが起こった?」
ユーザーがサイトを使用すると、常にイベントが発生します。すべてのマウスオーバー、スクロール、クリック、すべて - 必要に応じてトリガーできるすべてのイベントです。組み込みのイベントもあれば、WordPress の Javascript ライブラリに含まれるものもあれば、手動で作成できるものもあります (ただし、それは別の記事にします)。
基本的なものから始めましょう。何かをしたいボタン。ボタンがあるとしましょう。
私はボタンです。ほら、素敵なボタンですね！ボタンを取得したので、誰かがそれをクリックするたびに知りたいです。そのボタンを構成するコードを見てみましょう;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
これで、それがどのように構造化されているかがわかったので、Javascript でターゲットにすることができます。車輪の再発明はしたくないので、jQuery を使用します (とにかく WordPress に含まれているため)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
そのコードをページに配置すると (