From 2dc8de57195c5eab4dcf51d9f4195e786602c5c4 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 3 Mar 2016 17:08:35 +0100
Subject: [PATCH] track social links with GA Custom Events

---
 .../_assets/javascripts/bigchain/analytics.js | 25 +++++++++++++++++++
 _src/community.html                           | 12 ++++-----
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/_src/_assets/javascripts/bigchain/analytics.js b/_src/_assets/javascripts/bigchain/analytics.js
index 081fe30..1a2fc4b 100644
--- a/_src/_assets/javascripts/bigchain/analytics.js
+++ b/_src/_assets/javascripts/bigchain/analytics.js
@@ -29,6 +29,31 @@ var GoogleAnalytics = (function(w,d,$) {
             $('.js-tracking-whitepaper-download').on('click', function() {
                 ga('send', 'event', 'whitepaper', 'download', 'button', true);
             });
+
+            // Social links
+            $('.js-social-link').on('click', function() {
+
+                var href    = this.getAttribute('href'),
+                    network = extractDomain(href);
+
+                ga('send', 'event', 'social', 'click', network);
+            });
+
+            function extractDomain(url) {
+                var domain;
+                //find & remove protocol (http, ftp, etc.) and get domain
+                if (url.indexOf("://") > -1) {
+                    domain = url.split('/')[2];
+                }
+                else {
+                    domain = url.split('/')[0];
+                }
+
+                //find & remove port number
+                domain = domain.split(':')[0];
+
+                return domain;
+            }
         },
 
 
diff --git a/_src/community.html b/_src/community.html
index 284cf17..f82e867 100644
--- a/_src/community.html
+++ b/_src/community.html
@@ -21,13 +21,13 @@ quotes: set3
             <div class="grid__col">
                 <h1>Join the discussion</h1>
                 <p>Participate via Gitter or Google Group</p>
-                <a class="social-link" href="https://gitter.im/{{ site.gitter }}">
+                <a class="social-link js-social-link" href="https://gitter.im/{{ site.gitter }}">
                     <svg class="icon icon--social icon--gitter" aria-labelledby="title">
                         <title>Gitter</title>
                         <use xlink:href="/assets/img/sprite.svg#gitter"></use>
                     </svg>
                 </a>
-                <a class="social-link" href="https://groups.google.com/forum/#!forum/{{ site.googlegroup }}">
+                <a class="social-link js-social-link" href="https://groups.google.com/forum/#!forum/{{ site.googlegroup }}">
                     <svg class="icon icon--social icon--github" aria-labelledby="title">
                         <title>Google Group</title>
                         <use xlink:href="/assets/img/sprite.svg#google"></use>
@@ -38,23 +38,23 @@ quotes: set3
                 <h1>Follow</h1>
                 <p>Follow us for the latest updates</p>
                 <p>
-                    <a class="social-link" href="https://github.com/{{ site.github.org }}">
+                    <a class="social-link js-social-link" href="https://github.com/{{ site.github.org }}">
                         <svg class="icon icon--social icon--github" aria-labelledby="title">
                             <title>GitHub</title>
                             <use xlink:href="/assets/img/sprite.svg#github"></use>
                         </svg>
                     </a>
 
-                    <a class="social-link" href="https://twitter.com/{{ site.twitter }}">
+                    <a class="social-link js-social-link" href="https://twitter.com/{{ site.twitter }}">
                         <svg class="icon icon--social icon--twitter" aria-labelledby="title">
                             <title>Twitter</title>
                             <use xlink:href="/assets/img/sprite.svg#twitter"></use>
                         </svg>
                     </a>
 
-                    <a class="social-link" href="https://medium.com/{{ site.medium }}">
+                    <a class="social-link js-social-link" href="https://medium.com/{{ site.medium }}">
                         <svg class="icon icon--social icon--blog" aria-labelledby="title">
-                            <title>Blog</title>
+                            <title>Medium</title>
                             <use xlink:href="/assets/img/sprite.svg#medium"></use>
                         </svg>
                     </a>