Сопротивление социальных акций в GA

Question

Это почти покрытая тема для оригинальная Кнопки FB/Twitter. Но что, если у меня есть собственная кнопка «share on fb»? Как это:

<div id="fb_share"><a target="_blank" href="http://www.facebook.com/share.php?u=blah-blah">Share on FB</a></div> 

поэтому я придумал решение folloing:

var FBbtn = document.getElementById("fb_share"); 
    FBbtn.addEventListener('click', function() { 
     ga('send', 'social', { 
     'socialNetwork': 'facebook', 
     'socialAction': 'share', 
     'socialTarget': window.location 
    }); 
    //console.log('tracked'); 
}); 

Это помещается после кода Google Analytics. Несмотря на то, что он не поймает обратный вызов FB - он должен сделать трюк, но по какой-то причине я все еще не вижу никаких результатов в Analytics, так что вопрос в следующем: будет ли решение действительно работать? На самом деле это может быть даже, как это я верю:

<a href="http://www.facebook.com/share.php?u=blah-blah" onClick="ga('send', 'social', 'Facebook','Share',window.location.href);");">FB</a> 

Answer 1

Ваш «доля на Facebook» ссылки заставляет страницу навигации (а не открывать окно/вкладку новый). Когда эта навигация происходит, большинство основных браузеров отменяют все ожидающие запросы HTTP для текущей страницы, а затем переходят на новую страницу (fb.com).

В этом случае одним из ожидающих HTTP-запросов будет вызов отслеживания событий GA который никогда не будет завершен и никогда не будет принят серверами GA.

Что вам нужно использовать - это функция обратного вызова ударов GA, это по существу отменяет нативную навигацию (до FB), отправляет вызов отслеживания и ждет достаточно времени для его завершения, а затем перенаправляет JavaScript на следующую страницу.

Вы должны read the google docs here

В вашем случае ваша функция отслеживания событий должен быть похож на это:

var FBbtn = document.getElementById("fb_share"); 
FBbtn.addEventListener('click', function() { 
    ga('send', 'social', { 
    'socialNetwork': 'facebook', 
    'socialAction': 'share', 
    'socialTarget': window.location, 
    'hitCallback': function(){ 
     window.location = this.href; 
    } 
    }); 
    //console.log('tracked'); 
    return false; 
}); 

Так я сделал следующие изменения:

1. Добавлено свойство hitCallback к вызову отслеживания событий. это анонимная функция, которая вызывается после того, как серверы GA отправили свой ответ на отслеживание событий.
2. добавил инструкцию 'return false', которая отменяет встроенную функциональность, а затем использует функцию hitCallback для навигации.