在Google Analytics中跟踪按钮点击的目标 [英] Track button click as goal in Google Analytics
问题描述
我在我的网站上有一个按钮,点击此按钮会显示一个电话号码。
HTML
< div类=呼叫包装中等>
< div class =call-number-middlestyle =display:block;> < a href =tel:555class =number> 555< / a>< / div>
< / div>
使用以下jQuery
(function($){
$(button#call-phone-middle)。click(function(){
$ ).hide();
$(div.call-number-middle)。show();
});
})(jQuery);
这很好。但我也希望在Google Analytics中追踪按钮上的点击次数。
中间onclick =javascript:pageTracker._trackPageview('Phonenumber Middle'); target =blank到按钮: < div class =call-wrapper-中间>
< button href =/ show / phonenumber-middleonclick =javascript:pageTracker._trackPageview('Phonenumber Middle'); target =blankid =call-phone-middle>< i class =fa fa-phone>< / i>致电我们< / button>
< div class =call-number-middlestyle =display:block;> < a href =tel:555class =number> 555< / a>< / div>
< / div>
然后在Google Analytics中添加以下设置的目标:
目标设置:自定义
目标类型:目的地
>
目的地;等于: / show / phonenumber-middle
<按钮>
code>但我不知道。
解决方案我会使用Google Analytics 事件为了这。 以下是GA点击事件的文档。然后在目标中,您可以将目标类型设置为事件,并且可以通过类别,操作或标签属性来追踪它。
< div class =call-wrapper-middle>
< button href =/ show / phonenumber-middleonclick =__ gaTracker('send','event','buttons','click','phone-number-middle'); target =blankid =call-phone-middlestyle =display:none;>< i class =fa fa-phone>< / i>致电我们< / button>
< div class =call-number-middlestyle =display:block;> < a href =tel:555class =number> 555< / a>< / div>
< / div>
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.
解决方案 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>
这篇关于在Google Analytics中跟踪按钮点击的目标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!