サイト滞在中のユーザーアクティビティをトラッキングしたいですか?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でもご覧いただけます。
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
David says
awesome, super helpful! Thanks guys for the article!! you rock
WPBeginner Support says
Glad our article could be helpful
管理者
Andrew Laws says
Well thank goodness for this blog post!
I have been banging my head against a wall trying to get Contact Form 7 form submissions to trigger as an event in Analytics for a long time.
I’m struggling to get the event goal working properly in Analytics though. In the goal details I have set up the following but goals are not being recorded:
Category (equals to) – Forms
Action (equals to) – Form submission
Label (equals to) – Contact form
Value (greater than) – 1
Initially I left the value field empty as I can’t enter ‘Submitted’ so it matches the trigger in Tag Manager.
Can you spot where I’m making a glaring mistake here?
Thanks!
michal says
thanks, good and helpful !
Nathan says
Hey guys!! Awesome article!!
I’ve been having a problem with event tracking on click. I’m using wordpress 4.5 fashionista theme, the problem is:
When I add the tracking code to the link on the text editor it’s everything ok. But If I make any change on the visual editor on the same article after this and save it, the event tracking code simply desapear!!!
Could someone help me with this issue? I’m placing the event code just after the “a” on the beggining of the tag, as the example of the article…
Thank very much!!!
Adam Belson says
Hi. We are having problems when adding tracking code (using Tracking on Click). When we do so, we’re seeing that on mobile devices the button no longer works. Not sure if there is anything obvious we need to do differently?
Max says
Hey guys!
The article is just brilliant.
I am not sure if there was an upgrade since your post, but i am stuck on “Create Trigger” stage.
First two steps – no problems, but the third (Enable When) and fourth (Fire On) are different for me than what you show.
For you, #3 is “Fire On” with options (All form, some forms) instead of “Enable When” with only filters for me.
So, i have only filters in step 3 “Enable When” and step 4 “Fire On”.
Going through your guide i ended up with both of them having my Form ID in DOM element.
Is that correct?
Honza says
Nice article. I was looking for some WP plugin able to do this but now I see it is not necessary.
However, what if I need to know from which site visitor came and submited a form?
I have codes tracking AdWords or Facebook but how to track conversions from regular websites? Any plugin needed?
Thank you for your help.
peter says
I set up the goal okay and then inserted the onClick code into the link as described, I hit update, but the code disappears when I go to visual and then back to text view. What am i doing wrong?
WPBeginner Support says
Try adding the code when you are done working on your article. Don’t switch to visual mode and just publish or update the post.
管理者
Bob Senoff says
Hey Syed,
Excellent piece especially covering Google Tag manager which makes it a lot easier to maintain all of your tags in one place.
Since it’s important to be tracking Google Events on your Call to Action and Buy Now buttons I wanted to point out that MaxButtons Pro lets you do that without any additional coding on the buttons.
Best,
Bob
JANE says
This is super helpful. I was able to follow the instructions to make sure that my goals and tags were setup correctly. I was troubleshooting why my goals have 0 completions. It turned out I forgot to publish my tags. Thanks for the step by step instructions.