Как отслеживать пользовательские кнопки социальных сетей с помощью Google Analytics - PullRequest
Новая
       35

Как отслеживать пользовательские кнопки социальных сетей с помощью Google Analytics

0 голосов
/ 21 января 2019

Я использовал настраиваемые кнопки социальных сетей для своего сайта, которые также включают отслеживание с помощью Google Analytics, но отображает только общее количество нет.доли всех кнопок для определенного URL, а не нет.акций для определенной кнопки индивидуально для URL в 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, отображаемого рядом с кнопками.

1 Ответ

0 голосов
/ 22 января 2019

внутри вашего кода слушатель кликов '.social-share-btns a' отправляет данные в аналитику. если вам нужно другое поведение, вам нужно настроить отдельные трекеры для других кликов или селекторов. Обратитесь к документации по отслеживанию событий, чтобы узнать больше об отслеживании событий: https://developers.google.com/analytics/devguides/collection/analyticsjs/events

См. Документацию jquery по настройке прослушивателей кликов: https://api.jquery.com/click/

...