Question

我一直在为网站使用自定义社交共享按钮，该按钮还包括使用Google Analytics（分析）进行跟踪，但只显示总数。特定网址的所有按钮的份额，而不是否。特定按钮在Google Analytics（分析）上的网址的份额。下面是代码。

CSS

.social-share-btns {
    position: relative;
    box-sizing: border-box;
    height: 40px;


}

.social-share-btns li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 14.28%; /* 100 divided by the number of buttons */
margin-left: 8px;
    }

.social-share-btns li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-align: center;

    display: block;
    height: 100%;
    width: 100%;
    padding-top: 9px;

    transition: font-size 0.3s, padding-top 0.3s;
}


/* Sharing buttons*/

.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: transparent;
  position: relative;
  top: 0px;
width: 175px;
height: 43px;
    font-size: 18px;
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

JS

$(document).ready(function() {

    $('.social-share-btns a').on('click', function() {

        var url = $(this).attr('href');
        window.open(url, "","menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=800,height=600");

ga('send', 'event', 'Social', 'Shares', window.location.href);

return false;


});



})

这是其中一个按钮的 html

<div class="social-share-btns">
<a href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $domain.dirname($path); ?><?php echo $cur_image['filename'].".html"; ?>">
        <button class="btn-facebook">       <i class="fa fa-facebook fa-lg"></i>&nbsp;Share
</button></a>

我还想知道是否有一种方法可以为按钮旁边显示的特定URL的所有按钮添加总共享计数。

Answer 1

在代码内，点击“ .social-share-btns a”的监听器会将数据发送到分析。如果您想要其他行为，则需要为其他点击或选择器设置单独的跟踪器。请参阅事件跟踪文档以了解有关事件跟踪的更多信息：https://developers.google.com/analytics/devguides/collection/analyticsjs/events

有关设置点击侦听器的信息，请参阅jquery文档： https://api.jquery.com/click/

如何使用Google Analytics（分析）追踪自订社交分享按钮

1 个答案: