Track button click as goal in Google Analytics

Question

I have a button on my website, clicking on this button reveals a phonenumber.

HTML

<div class="call-wrapper-middle">
    <button id="call-phone-middle"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>

Using the following jQuery

(function($) {
  $("button#call-phone-middle").click(function() {
    $(this).hide();
    $("div.call-number-middle").show();
  });
})(jQuery);

This works great. But I also wish to track the clicks on the button as a goal in Google Analytics.

So I added href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank" to the button:

<div class="call-wrapper-middle">
    <button href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank" id="call-phone-middle"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>

And added a goal in Google Analytics with the following settings:.

Goal setup: Custom
Goal type: Destination
Destination; Equals to: /show/phonenumber-middle

Getting "This Goal would have a 0% conversion rate based on your data" and in the Real Time report there is no conversations.

My guess is that something is wrong with the <button> but I have no clue.

Are you seeing anything in the real time reports when you click the button? — nyuen, Jul 28 '15 at 13:36
If you can see events come through in RT, then you may just need to wait for the data to be processed, and this takes up to 24 hours. — nyuen, Jul 28 '15 at 14:15
I'm assuming you clicked the button and checked, and that you are not filtering your own visits as well? — nyuen, Jul 28 '15 at 14:19

score 46 · Accepted Answer · edited Oct 21 '16 at 04:15

46

I would use a Google Analytics event for this. Here is the documentation for a GA click event. Then in goals, you would set your goal type to event, and you can track it via the Category, Action, or Label attributes

<div class="call-wrapper-middle">
    <button href="/show/phonenumber-middle" onclick="__gaTracker('send', 'event', 'buttons', 'click', 'phone-number-middle');" target="blank" id="call-phone-middle" style="display: none;"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>

edited Oct 21 '16 at 04:15

giodamelio

5,465
14
44
72

answered Jul 28 '15 at 10:47

Mike

1,266
1
11
17

1

is it `onclick="__gaTracker(...` or `onclick="ga(...` like it says in the docs? – Akin Hwan Jul 23 '19 at 19:56
2

@AkinHwan for this specific case, it was `__gaTracker(...` because that's how it was loaded onto this specific site. For you, I would guess it is `ga(...` – Mike Jul 25 '19 at 12:04

Track button click as goal in Google Analytics

1 Answers1

Linked