Thống kê chia sẻ addthis với Google Analytics

Addthis là một công cụ chia sẻ bài viết lên dịch vụ mạng xã hội được sử dụng nhiều nhất hiện nay. Nó cung cấp tiện ích tích hợp vào mỗi bài viết khá linh hoạt tương thích với hầu hết các kiểu thiết kế tải nội dung tĩnh hay động. Trong một số bài trước mình có đề cập các cách thức chèn nút addthis vào trong trang web. Bạn có thể tìm hiểu và đọc thêm trong blog này.

Bạn hoàn toàn có thể thống kê mức độ nhấn nút chia sẻ thông qua công cụ addthis được tích hợp trên web, bằng google analystic. Việc chia sẻ hoạt động của addthis vào google analystic đang thống kê trên web của bạn rất đơn giản, và mỗi cú click chia sẻ của người dùng sẽ thêm vào custom events trong google analystic dashboard.

Trước tiên, bạn cần cài đặt GA (google analystic) và nhúng mã GA vào trong trang sử dụng chung tài khoản google. Cái này chắc các webmaster thành thục rồi ha, mình không hướng dẫn lại nữa. Khi mã GA đã hoạt động trên website, nó có nhiệm vụ thống kê báo cáo người dùng truy cập vào web một cách rất chi tiết và lưu lại vào tài khoản Google analystic của bạn. Bạn cũng muốn mỗi lần người dùng nhấn nút addthis sẽ báo cáo vào google analystic trong danh mục sự kiện “addthis” (custom events) , bằng cách khai báo dòng cấu hình addthis sau.

 
<script type="text/javascript">
      var addthis_config = {
         data_ga_property: 'UA-123456-1'
      }; 
</script>

Nếu đã thiết lập biến cấu hình addthis_config thì chỉ cần thêm thuộc tính data_ga_property và thay giá trị GA property ID của bạn. Xem thêm bài thiết lập cấu hình nâng cao cho nút chia sẻ addthis.

Trong google analystic lúc này, sau khi đã thiết lập theo dõi với GA để qua một ngày website hoạt động và đã có sự chia sẻ của độc giả. Tại giao diện google analystic dashboard, chọn vào “Behavior -> Events”, tên sự kiện của addthis được thêm vào thống kê:
AddThis > {service code}. Ví dụ: AddThis > facebook

Sự kiện Social Tracking

GA có thể thống kê chi tiết các hành động với nút addthis, như nhấn like, unlike hay chia sẻ nội dung. Phiên bản mới hiện tại của GA cho phép bạn làm điều này. Xem thêm tại đây.

Ví dụ sự kiện likes của facebook.

FB.Event.subscribe('edge.create', function(targetUrl) {
  _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
});

Nhưng với addthis, bạn không cần viết _trackSocial hook như trên, mà chỉ việc bật thuộc tính data_ga_social như sau.

<script type="text/javascript">
      var addthis_config = {
         data_ga_property: 'UA-123456-1',
         data_ga_social : true
      }; 
</script>

Các ví dụ cụ thể

Sử dụng phương thức Synchronous của GA.
Đây là một ví dụ mẫu với đoạn mã synchronous Google Analytics, lưu ý: biến cấu hình “addthis_config” cần phải chèn sau mã GA.

<!-- Google Analytics BEGIN -->
<script type="text/javascript">
   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
   try{
      var pageTracker = _gat._getTracker("UA-xxxxxx-x");
      pageTracker._trackPageview();
   } catch(err) {}
</script>
<!-- Google Analytics END -->



<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://addthis.com/bookmark.php?v=250">
   <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
</a>

<script type="text/javascript">
   var addthis_config = {
      data_ga_property: 'UA-xxxxxx-x',
      data_ga_social: true
   };
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Triển khai mã Asynchronous Method GA.

<!-- Google Analytics BEGIN -->
<script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-xxxxxxx-x']);
     _gaq.push(['_trackPageview']);

     (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
</script>
<!-- Google Analytics END -->


<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://addthis.com/bookmark.php?v=250">
   <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
</a>

<script type="text/javascript">
   var addthis_config = {
      data_ga_property: 'UA-xxxxxx-x',
      data_ga_social: true
   };
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Nếu bạn thấy bài viết này hữu ích, hãy chia sẻ với bạn bè bằng cách nhấn nút chia sẻ ở bên dưới. Theo dõi chúng tôi trên Twitter và Facebook