Ads on the main page

LuxorLabs · May 21, 2018 · 63f23bc · 63f23bc
1 parent 52eb1d3
commit 63f23bc
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -120,7 +120,7 @@ body {
   padding:20px 0;
 }
 .page-header {
-  padding:60px 0;
+  padding:45px 0;
   font-size:1.2em;
   color: #fff;
   background: #371456 url(../img/chain.svg) left center no-repeat;

diff --git a/templates/home.html b/templates/home.html
@@ -59,6 +59,15 @@ <h1>Search the block chain</h1>
 </div>
 
 <div class="bg-white">
+  <div class="container">
+    <div class="ad">
+      <a id="ad-link" href="">
+        <img src=""/>
+        <span>Buy and Sell Instantly</span>
+      </a>
+    </div>
+  </div>
+
   <div class="container">
 
     <div class="row text-center">
@@ -175,6 +184,31 @@ <h2>Browse the Blockchain</h2>
         $('.search-filter .active').removeClass('active');
       });
 
+      var ads = ["piiko"];
+      if (ads.length > 0) {
+        var sites = {
+          piiko: "https://www.piiko.co"
+        };
+        var chosen_idx = Date.now() % ads.length;
+        var chosen_ad = ads[chosen_idx];
+        var track_url = "https://live.blockcypher.com/ads/"+chosen_ad;
+
+        $('#ad-link img').attr("src", "/static/img/" + chosen_ad + "_logo.png");
+        $('#ad-link').attr("href", sites[chosen_ad]);
+        $('#ad-link').click(function(e) {
+          ga('send', 'event', 'outbound', 'click', track_url, {
+            'transport': 'beacon',
+            'hitCallback': function() {
+            setTimeout(function() {
+              document.location = sites[chosen_ad];
+            }, 200);
+          }
+          });
+          e.preventDefault();
+          e.stopPropagation();
+        });
+        $('div.ad').show();
+      }
     })
 
   </script>