Old Confirmation

oldthanks.html.erb

<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-55113418-1');
  pageTracker._trackPageview();
 
  var order = <%= raw @order.to_json %>;
  var cart_items = <%= raw @order.cart_items.to_json(:include => { :item => { :only => [:name, :sku ]}}) %>;
  pageTracker.addTrans(
    order.id,           // transaction ID - required
    'quip inc.',  // affiliation or store name
    order.total,          // total - required
    order.tax,           // tax
    order.shipping_fees,              // shipping
    order.city,       // city
    order.state,     // state or province
    order.country             // country
  );
  $.each(cart_items, function( index, value) {
    pageTracker._addItem(
      order.id,           // transaction ID - required
      value.item.sku,           // SKU/code - required
      value.item.name,        // product name
      '',   // category or variation
      value.price,          // unit price - required
      value.quantity               // quantity - required
    );
  });
  pageTracker._trackTrans(); //submits transaction to the Analytics servers
} catch(err) {}
</script>

<!-- Facebook Conversion Code for Facebook pixel 1 -->
<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '6024994191855', {'value':'0.00','currency':'USD'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6024994191855&amp;cd[value]=0.00&amp;cd[currency]=USD&amp;noscript=1" /></noscript>

<!-- Facebook Conversion Code for Facebook Pixel 2 -->
<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '6024994202855', {'value':'0.00','currency':'USD'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6024994202855&amp;cd[value]=0.00&amp;cd[currency]=USD&amp;noscript=1" /></noscript>

<!-- Facebook Conversion Code for Facebook pixel 3 - Other Conv -->

<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
    _fbq.push(['addPixelId', '323221134538065']);
  }
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '6024994206255', {'value':'0.00','currency':'USD'}]);
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6024994206255&amp;cd[value]=0.00&amp;cd[currency]=USD&amp;noscript=1" /></noscript>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=323221134538065&amp;ev=PixelInitialized" /></noscript>


<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 957299510;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "024kCOLkg1oQtva8yAM";
var google_conversion_value = 40.00;
var google_conversion_currency = "USD";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript"  
src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt=""  
src="//www.googleadservices.com/pagead/conversion/957299510/?value=40.00&amp;currency_code=USD&amp;label=024kCOLkg1oQtva8yAM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
_fbq.push(['addPixelId', '323221134538065']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=323221134538065&amp;ev=PixelInitialized" /></noscript>


<!-- Facebook Conversion Code for Purchases - quip -->
<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '6028448841153', {'value':'0.00','currency':'USD'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6028448841153&amp;cd[value]=0.00&amp;cd[currency]=USD&amp;noscript=1" /></noscript>


<div class="checkout-header-wrapper">
  <div class="container layout-header" style="margin-top: -30px;">
    <h2 class="text-center">thank you</h2>
  </div>

</div>
<div class="container text-center" style="padding-top: 2em;">
  <div class="row" >
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-16 col-lg-offset-4 col-md-offset-4 col-sm-offset-4">

      <%= link_to 'GO TO HOMEPAGE', root_path, style: "text-decoration: underline;" %>
      
      <br>
      <br>

      <div class="row">

        <div class="col-md-3 column pull-left">
          ORDER ID
        </div>

        <div class="col-md-9 column pull-right">
          <b><%= @order.token %></b>
        </div>

      </div>

      <br>

      <hr style="border-top: 4px solid #03c4b3;">

      <br>

      <div class="row">
        
        <div class="col-md-12 center">
          <h4 style="width: 550px;">REFERRAL PROGRAM</h4>
          <p style="width: 550px;">Share your unique referral link or code and every time a friend signs up using it you both get your next brushed free! Only 300 friends from a lifetime supply!</p>
          <p style="width: 550px;">
            <img src="http://reif.io/lib/quip/referral_flow.jpg">
          </p>
        </div>

      </div>

      <br>
      <hr>
      <br>

      <div class="row">
        <div class="row" style="width:550px; margin-left: 20px;">
          <div class="pull-left">
            REFERRAL URL
          </div>

          <div class="pull-right">
            <b>www.getquip.com/rf?referral_code=<%= @referral_code %></b>
          </div>
        </div>
        

        <br>
        <br>

        <div class="row" style="width:550px; margin-left: 20px;">
          <div class="pull-left">
            REFERRAL COUPON
          </div>

          <div class="pull-right">
            <b><%= @referral_code %></b>
          </div>
        </div>

        

        <br>
        <br>
        <div class="row" style="width:550px; margin-left: 20px;">

          <p><strong>REFERRAL SHARE</strong></p>
          <div class="row" style="padding-top: 2em;">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 col-lg-offset-4 col-md-offset-4 col-sm-offset-4 col-xs-offset-4 text-center" style="height: 50px;">
              <iframe class="center-block text-center" src="//www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fwww.getquip.com/rf?referral_code=<%= @referral_code %>&amp;layout=button_count" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-right">
              <a href="https://twitter.com/share" class="twitter-share-button" data-url="." data-text="Checkout the @getquip toothbrush subscription at getquip.com/rf?referral_code=<%= @referral_code %> Sign-up with code <%= @referral_code %> to get your first refill free!" data-size="large">Tweet</a>
              
              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
            </div>
          </div>
        </div>

      </div>

      <br>
      <hr style="border-top: 4px solid #03c4b3;">
      <br>

      <div class="row">
        <p>You should receive an order confirmation email from us shortly, thank you again</p>
      </div>

      <br> 
      <hr>
      <br>

      <div class="row">
        <p>email us at help@getquip.com if you have any questions, suggestions or problems.</p>
      </div>

      <br>
      <hr>
      <br>
      
      <div class="row">
        <p><strong>Simon Enever</strong>| Founder & CEO</p>
      </div>
      
    </div>
  </div>
</div>