WordPressでGoogleアナリティクスのイベントトラッキングを追加する方法

サイト滞在中のユーザーアクティビティをトラッキングしたいですか？Google アナリティクスをインストールするだけで、ページビュー、参照元、ページ滞在時間などをトラッキングすることができますが、より詳細なインサイトを得るためには、イベントトラッキングを使用する必要があります。この投稿では、WordPressにGoogleアナリティクスのイベントトラッキングを追加する方法を紹介します。

Google アナリティクスのイベントトラッキングとは？

イベントトラッキングにより、サイト上でのユーザーインタラクションを測定することができます。これらのインタラクションとは、ボタンのクリック、動画の再生、ファイルのダウンロード、フォームの送信などです。

例えば、商品ページに動画を追加し、それがどれだけコンバージョンに効果的かを知りたいとします。イベントトラッキングでは、何人のユーザーが動画を再生したかをトラッキングすることができます。

もう一つの例は、ajaxベースのフォーム送信です。Gravity Formsやその他のお問い合わせフォームプラグインを使用している場合、フォーム送信は新しいページビューにはなりません。

イベントトラッキングを使えば、ユーザーがどのようにフォームとやりとりしたかを見ることができます。

ページに含まれるファイルのダウンロードも同様です。イベントトラッキングを使えば、何人のユーザーがファイルをダウンロードしたのか、ページ上のどのボタンが最もクリックされたのかまで追跡することができます。

イベントトラッキングはGoogleアナリティクスでのリンクトラッキングとは異なります。リンクにUTMソースを追加するだけで、Googleアナリティクスを使ってWordPressのリンクをトラッキングすることができます。

これらの測定可能なアクションにより、ユーザーがサイト上でどのように行動するかを確認することができます。そして、より多くのユーザーエンゲージメントとインタラクションを生み出すコンテンツを追加するように戦略を変更することができます。最終的に、これはあなたのサイトでのより多くの売上とコンバージョンを意味します。

はじめに

始める前に、GoogleアナリティクスをWordPressサイトにセットアップし、インストールする必要があります。Google アナリティクスの使い方に慣れていない場合は、Google アナリティクスの使い方に関する初心者ガイドをご覧ください。

すでにGoogleアナリティクスを使用している場合は、すぐにイベントトラッキングを始めることができます。

ユニバーサルアナリティクスコードへのアップグレード状況

現在、サイトには2種類のGoogle アナリティクスが実装されています。Googleは、新しい「ユニバーサルアナリティクスコード」を使用するようウェブマスターに求めることで、徐々に古いコードを追い出しています。

あなたのGoogleアナリティクスコードがこのようなものであれば、このコードを使用してください：

[cbk1］

この場合、すでに新しいユニバーサルアナリティクスコードを使用しています。必要なアクションはありませんので、次のステップに進んでください。

コードがこのように表示されない場合は、古いGoogleアナリティクスコードを使用している可能性があります。アップグレードが必要です。Googleに詳細なアップグレードガイドがあります。基本的にGoogleアナリティクスの高度なトラッキング機能を使用していない場合は、アカウントのプロパティ設定から古いコードを新しいコードに切り替えるだけです。

Google アナリティクスでイベントを作成する

まず、Googleアナリティクスアカウントでイベントを作成する必要があります。アナリティクスのダッシュボードにログインし、上部にある管理者リンクをクリックしてください。アナリティクスアカウントの下に複数のサイトがある場合は、イベントを追加したいサイトのダッシュボードが表示されていることを確認してください。

管理ページには3つのカラムがあります。表示」カラムの下にある「目標」リンクをクリックしてください。

次に、新規目標ボタンをクリックして目標を作成します。Goal Setupオプションから、カスタマイザーを設定し、nextボタンをクリックして次に進みます。

目標の説明ステップに進みます。これはGoogleアナリティクス内でゴールを識別するのに役立ちます。

ゴールタイプでは、イベントを選択する必要があります。その後、次のステップボタンをクリックして次に進みます。

最後のステップはゴールの詳細を入力することです。ここでイベントの条件を入力する必要があります。

アナリティクスは、これらの条件がすべて一致した場合にコンバージョンをカウントします。

この例では、イベントのカテゴリーとアクションをプロバイダーしました。イベントのラベルを入力し、値をプロバイダーしました。作成しようとしているイベントの種類に応じて、カテゴリー、アクション、ラベルに独自の名前を付けることができます。

もし、あなたのイベントが計算可能な値を渡すべきだと思うのであれば、ここにその値を入力することができます。しかし、ほとんどの一般的なイベントトラッキングでは、値を0にしても問題ありません。

最後に create goal ボタンをクリックしてゴールを保存し、有効化します。これでGoogle アナリティクスでイベントのトラッキングが有効化されました。 次のステップは、サイト上でこのイベントをトラッキングし、Google アナリティクスにデータを送信することです。

Google アナリティクス イベントトラッキングの追加 onClick

Google アナリティクスのイベントトラッキングを追加する最も簡単で早い方法は、onclickメソッドを使用することです。このメソッドは、ユーザーが要素をクリックしたときにGoogleアナリティクスにイベント条件を送信するだけです。

この例では、eBookのダウンロードリンクをクリックしたユーザーをトラッキングしています。

このフォーマットを使ってダウンロードリンクにonClickパラメータを追加します。

[cbk2］

カテゴリー、アクション、ラベル、値をイベントの条件に置き換える必要があります。最後に、ダウンロードリンクは次のようになります。

[cbk3］

ユーザーがこのリンクをクリックすると、Google アナリティクスにイベントが送信され、サイトのレポートに表示されます。

Googleタグマネージャを使用したイベントトラッキングの追加

Googleタグマネージャーは、1つのダッシュボードで様々なトラッキングコードをタグとして追加できるオンラインツールです。

また、Googleアナリティクスアカウントのイベントをトラッキングするタグを作成するのにも使用できます。Googleタグマネージャーを使用する主な利点は、手動でサイトにコードをインサーターする必要がなく、すべてのタグを一箇所で管理できることです。

すでにGoogleアナリティクスのトラッキングコードを手動でサイトに追加している場合は、削除する必要があります。WordPressにGoogleタグマネージャーをインストールしてセットアップする方法のチュートリアルを参考に、サイトにアナリティクスコードを追加してください。

タグマネージャーでGoogleアナリティクスのタグを追加したら、次のステップは新しいトリガーを作成することです。このチュートリアルでは、コンタクトフォームの送信をイベントとしてトラッキングします。

タグマネージャのトリガーをクリックし、新規ボタンをクリックします。

これで、トリガー作成ウィザードが表示されます。ここで、イベント選択フォームを選択します。

トリガの設定]セクションで、[タグを待つ]と[正しい設定]オプションのチェックを外す必要があります。次に、continueボタンをクリックして次のステップに進みます。

次のステップでは、いつトリガーを起動するかを選択します。ページにフォームが1つしかない場合は、すべてのフォームを選択できます。ページに複数のフォームがある場合は、いくつかのフォームボタンをクリックします。

ページに複数のフォームがあり、特定のフォームをトラッキングしたい場合は、トラッキングしたいフォームをGoogleタグマネージャーに伝える必要があります。いくつかのフォームボタンをクリックするとフィルターが表示されます。

フィルターとは、「AがBに一致したらトリガーを発動する」というような指示のことです。新しい変数を選択する必要があります。

新規変数を選択すると、変数を作成するポップアップが表示されます。変数のタイプとしてDOM要素を選択します。次に、configure variableで、idを選択方法として選択します。

ここで、フォームのIDを見つける必要があります。WordPressサイトのフォームページにアクセスし、最初のフォームフィールドにマウスオーバーして、inspect elementを選択します。

ブラウザー画面が2つに分割されます。下の画面にあなたのページの HTML が表示されます。id 属性は <form> タグかフォームを含む div の一部です。

要素のIDと属性の下にフォームIDをコピー＆ペーストしてください。次に、変数を作成ボタンをクリックします。

フィルターに戻るので、そこでカスタマイザーを選択します。一致ルールで「コンテナ」を選択し、フォームのIDを再度入力します。

続けて、トリガ作成ボタンをクリックします。

次のステップでは、トラッキングしたいイベントのタグを作成します。Googleタグマネージャーでタグをクリックし、新規ボタンをクリックします。

タグの作成ウィザードが表示されます。製品としてGoogleアナリティクスを選択し、続けるボタンをクリックします。

タグタイプとしてユニバーサルアナリティクスを選択します。Google アナリティクスのトラッキング ID を入力するよう求められます。Googleアナリティクスのアカウントから取得できます。

トラックタイプでイベントを選択し、カテゴリー、アクション、ラベル、値の情報を入力します。この例では、カテゴリーにお問い合わせフォーム、アクションにフォーム送信、ラベルにお問い合わせフォーム、値に送信を使用しています。

continueボタンをクリックして次のステップに進みます。ここでタグを実行するタイミングを選択します。moreボタンをクリックし、先ほど作成したトリガーを選択します。

最後にタグの作成ボタンをクリックして、タグを保存します。

タグを保存しても、サイト上で公開されるわけではありません。公開するには、公開ボタンをクリックする必要があります。

以上で、サイトにアクセスしてフォームを送信することができます。アナリティクスアカウントのリアルタイム ” イベントにアクセスすると、イベントがトラッキングされ記録されているのが確認できます。

タグマネージャーを使用すると、さまざまな種類のイベントを作成し、Googleタグマネージャーからすべて管理することができます。また、WordPressのテーマを編集したり、トラッキングコードを手動で追加する手間も省けます。

この投稿があなたのWordPressサイトにGoogle アナリティクスのイベントトラッキングを追加する手助けになれば幸いです。WordPressユーザーに最適なアナリティクスソリューション7選もぜひご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでもご覧いただけます。