add ga tracking to pro landing and pricing buttons

This commit is contained in:
Lisa P 2015-11-16 14:58:34 +01:00
parent cfcd65c0b1
commit 834ab67ac2
4 changed files with 26 additions and 6 deletions

View File

@ -0,0 +1,10 @@
`import Ember from 'ember'`
Controller = Ember.Controller.extend
actions:
gaCta: (location) ->
_gaq.push(['_trackPageview', '/virtual/signup?'+ location])
@auth.signIn()
`export default Controller`

View File

@ -0,0 +1,10 @@
`import Ember from 'ember'`
Controller = Ember.Controller.extend
actions:
gaCta: (location) ->
_gaq.push(['_trackPageview', '/virtual/signup?'+ location])
@auth.signIn()
`export default Controller`

View File

@ -4,7 +4,7 @@
<div class="section-text"> <div class="section-text">
<h1 class="h1--teal">Build apps <br class="br-small"> with confidence</h1> <h1 class="h1--teal">Build apps <br class="br-small"> with confidence</h1>
<p class="text-big">Focus on writing code. Let Travis CI take care<br class="br-small"> of running your tests and deploying your apps.</p> <p class="text-big">Focus on writing code. Let Travis CI take care<br class="br-small"> of running your tests and deploying your apps.</p>
<a href="https://travis-ci.com/signin" class="hero-button cta-index-page" title="Start your free trial">Start your free trial</a> <a href="https://travis-ci.com/signin" class="hero-button cta-index-page" {{action 'gaCta' 'index'}} title="Start your free trial">Start your free trial</a>
</div> </div>
<div class="section-image"> <div class="section-image">
<img src="../images/pro-landing/hero-screen.svg" class="hero-computer" aria-hidden="true"> <img src="../images/pro-landing/hero-screen.svg" class="hero-computer" aria-hidden="true">
@ -85,7 +85,7 @@
<section class="section--grey section--center"> <section class="section--grey section--center">
<div class="inner"> <div class="inner">
<h2 class="h2--teal">Interested in running your <br class="br-small"> private projects with Travis CI?</h2> <h2 class="h2--teal">Interested in running your <br class="br-small"> private projects with Travis CI?</h2>
<a href="https://travis-ci.com/signin" class="landing-button cta-index-bottom">Start your free trial</a> <a href="https://travis-ci.com/signin" class="landing-button cta-index-bottom" {{action 'gaCta' 'index-bottom'}}>Start your free trial</a>
</div> </div>
</section> </section>
</div> </div>

View File

@ -37,7 +37,7 @@
<li>Unlimited collaborators</li> <li>Unlimited collaborators</li>
</ul> </ul>
<div class="plan-cta"> <div class="plan-cta">
<a href="https://travis-ci.com/signin" class="plan-cta-btn cta-plans-table">Start Trial</a> <a href="https://travis-ci.com/signin" class="plan-cta-btn" {{action 'gaCta' 'plans-table'}}>Start Trial</a>
</div> </div>
</li> </li>
<li class="plan--teal"> <li class="plan--teal">
@ -53,7 +53,7 @@
<li>Unlimited collaborators</li> <li>Unlimited collaborators</li>
</ul> </ul>
<div class="plan-cta"> <div class="plan-cta">
<a href="https://travis-ci.com/signin" class="plan-cta-btn cta-plans-table">Start Trial</a> <a href="https://travis-ci.com/signin" class="plan-cta-btn" {{action 'gaCta' 'plans-table'}}>Start Trial</a>
</div> </div>
</li> </li>
<li class="plan--yellow"> <li class="plan--yellow">
@ -69,7 +69,7 @@
<li>Unlimited collaborators</li> <li>Unlimited collaborators</li>
</ul> </ul>
<div class="plan-cta"> <div class="plan-cta">
<a href="https://travis-ci.com/signin" class="plan-cta-btn cta-plans-table">Start Trial</a> <a href="https://travis-ci.com/signin" class="plan-cta-btn" {{action 'gaCta' 'plans-table'}}>Start Trial</a>
</div> </div>
</li> </li>
</ul> </ul>
@ -123,7 +123,7 @@
</li> </li>
<li> <li>
<h4 class="h3--yellow">How does the trial work?</h4> <h4 class="h3--yellow">How does the trial work?</h4>
<p class="faq-text">Your free trial includes 100 builds and starts as soon as you set up your first project and push a commit. The trial is limitedj to one concurrent build.</p> <p class="faq-text">Your free trial includes 100 builds and starts as soon as you set up your first project and push a commit. The trial is limited to one concurrent build.</p>
</li> </li>
<li> <li>
<h4 class="h3--teal">Do you have plans for student?</h4> <h4 class="h3--teal">Do you have plans for student?</h4>