Skip to content

Instantly share code, notes, and snippets.

@Themitchell
Created September 2, 2016 08:33
Show Gist options
  • Save Themitchell/d6d99d25fae64ededbcebbe89ea5af24 to your computer and use it in GitHub Desktop.
Save Themitchell/d6d99d25fae64ededbcebbe89ea5af24 to your computer and use it in GitHub Desktop.
olly.html
<!DOCTYPE html>
<!-- saved from url=(0145)https://www.crowdsurge.com/draft/olly-murs/splash/?utm_source=dan&utm_medium=referral&utm_term=testing&utm_content=tester&utm_campaign=dan%20test -->
<html class="wf-inactive"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Olly Murs</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Find out when Olly Murs is next playing live. Get concert tickets for tour dates near you.">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Facebook OG Meta for Olly Murs splash page -->
<meta property="og:url" content="https://live.ollymurs.com/">
<meta property="og:type" content="Olly Murs Access">
<meta property="og:title" content="Get advance ticket access to Olly Murs">
<meta property="og:description" content="Find out when Olly Murs is next playing live. Get concert tickets for tour dates near you.">
<meta property="og:image" content="http://assets.crowdsurge.com/store/olly-murs/img/og-img.jpg">
<link rel="shortcut icon" href="https://assets.crowdsurge.com/store/olly-murs/img/icon.jpg" type="image/x-icon">
<script async="" src="./Olly Murs_files/fbevents.js"></script><script async="" src="./Olly Murs_files/analytics.js"></script><script src="./Olly Murs_files/jquery.min.js"></script>
<link rel="stylesheet" href="./Olly Murs_files/container.css">
<link rel="stylesheet" href="./Olly Murs_files/font-awesome.min.css">
<script src="./Olly Murs_files/rwm8lqo.js"></script><style type="text/css">.tk-alternate-gothic-no-3-d{font-family:"alternate-gothic-no-3-d",sans-serif;}</style><style type="text/css">@font-face{font-family:alternate-gothic-no-3-d;src:url(https://fonts.typekit.net/af/8e06ea/000000000000000000010d5d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4) format("woff2");font-weight:400;font-style:normal;}</style><script>try{Typekit.load({ async: true });}catch(e){}</script>
</head>
<body>
<div class="content-wrap">
<!-- header start ////////////////// -->
<div class="header-wrap">
<a class="mobile" id="continue" href="http://www.ollymurs.com/home/" target="_blank">Enter Site</a>
<div class="logo-wrap">
<img class="desktop" src="./Olly Murs_files/om-logo.png">
<img class="mobile" src="./Olly Murs_files/om-logo-mobile.png">
</div>
<div class="text-wrap">
<div class="continue-wrap">
<a class="desktop" id="continue" href="http://www.ollymurs.com/home/" target="_blank">Enter Site</a>
</div>
<div class="album-header">
<span id="title">new album <i>24 hrs</i> &amp; NEW tour!</span>
<span id="intro">How to get advance tickets:</span>
</div>
<div class="cta no-border">
<div class="about-text-wrap">
<span class="about-text">Pre-order the new album to get first access to tickets on Tuesday 6th September at 9:30 am BST.</span>
<span class="about-text npn">No purchase necessary. Click <a target="_blank" id="ext-link utm-link" href="https://24hrs.songkick.com/" data-type="registration">here</a> for access.</span>
</div>
<a class="pre-order button utm-link" target="_blank" href="https://olly-murs-uk.myshopify.com/" data-type="preorder">Pre-order for access</a>
</div>
<div class="spacer">
<div class="line-small left"></div>
<span>Or</span>
<div class="line-small right"></div>
</div>
<div class="cta">
<div class="about-text-wrap">
<span class="about-text">Sign up for early access to tickets in the advance sale, which begins on Wednesday 7th September at 9:30 am BST.</span>
</div>
<a class="pre-order button utm-link" target="_blank" href="https://ollymurs.songkick.com/" data-type="registration">sign up for access</a>
</div>
<div class="infotext"><i>Album pre-order for first access closes Monday 5th September at 12:00 pm BST.<br>
Sign up for the advance sale closes Monday 5th September at 6:00 pm BST.</i><br><br>
General sale for Dublin and Belfast begins on Friday 9th September at 9:00 am BST.<br>
General sale for all other shows begins on Friday 9th September at 9:30 am BST.</div>
</div>
</div>
<!-- header end ////////////////// -->
<div class="tour-header">
<div class="line left"></div>
<span class="tour-title">2017 tour</span>
<div class="line right"></div>
</div>
<div class="banner">
PLEASE NOTE, FIRST AVAILABILITY OF TICKETS FOR THE SHOWS IN DUBLIN AND BELFAST WILL BE ON FRIDAY 9TH SEPTEMBER AT 9:00 AM.
</div>
<!-- listings start ////////////////// -->
<div class="listings-wrap">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- date start ///// -->
<tbody><tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">03</span></td>
<td class="venue">The SSE Hydro<span class="c"><br>Glasgow</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">06</span></td>
<td class="venue">Metro Radio Arena<span class="c"><br>Newcastle</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">09</span></td>
<td class="venue">First Direct Arena<span class="c"><br>Leeds</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">10</span></td>
<td class="venue">SHEFFIELD ARENA<span class="c"><br>Sheffield</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">13</span></td>
<td class="venue">Nottingham Motorpoint Arena<span class="c"><br>Nottingham</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">16</span></td>
<td class="venue">Echo Arena<span class="c"><br>Liverpool</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">17</span></td>
<td class="venue">Manchester Arena<span class="c"><br>Manchester</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">20</span></td>
<td class="venue">Cardiff Motorpoint Arena<span class="c"><br>Cardiff</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">24</span></td>
<td class="venue">Genting Arena<span class="c"><br>Birmingham</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">28</span></td>
<td class="venue">Bournemouth International Centre<span class="c"><br>Bournemouth</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">30</span></td>
<td class="venue"> The O2 Arena<span class="c"><br>London</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">mar</span><span class="day">31</span></td>
<td class="venue">The O2 Arena<span class="c"><br>London</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">apr</span><span class="day">03</span></td>
<td class="venue">3Arena<span class="c"><br>Dublin</span><span class="ccc">, Ireland</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<tr class="list_row">
<td class="eventdate"><span class="month">apr</span><span class="day">05</span></td>
<td class="venue">The SSE Arena<span class="c"><br>Belfast</span><span class="ccc">, UK</span></td>
<td class="general"><span>On sale soon</span></td>
</tr>
<!-- date end ///// -->
<!-- date start ///// -->
<!-- <tr class="list_row">
<td class="eventdate"><span class="month">mmm</span><span class="day">dd</span></td>
<td class="venue">vvvvv<span class="c"><br />city</span><span class="ccc">, UK</span></td>
<td class="general"><a class="button" href="">buy tickets</a></td>
</tr> -->
<!-- date end ///// -->
</tbody></table>
<div class="listings-footer">
<a href="https://www.songkick.com/info/privacy" target="_blank" class="footer-link left">Privacy &amp; Terms</a>
<a href="http://support.songkick.com/" target="_blank" class="footer-link right">Need any help?</a>
</div>
</div>
<!-- listings end ////////////////// -->
<div class="footer">
<div class="social">
<a id="social-link" href="https://www.facebook.com/ollymurs" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a id="social-link" href="https://twitter.com/ollyofficial" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a id="social-link" href="https://www.instagram.com/ollymurs/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a id="social-link" href="https://soundcloud.com/ollymurs" target="_blank"><i class="fa fa-soundcloud" aria-hidden="true"></i></a>
<a id="social-link" href="https://open.spotify.com/artist/3whuHq0yGx60atvA2RCVRW" target="_blank"><i class="fa fa-spotify" aria-hidden="true"></i></a>
<a id="social-link" href="https://plus.google.com/+ollymurs" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
<span class="small">© 2016 Sony Music Entertainment UK. All Rights Reserved. <a id="privacy" href="http://tools.sonymusiccreative.com/privacy/PCP_UK.pdf" target="_blank">Privacy policy</a>.</span>
</div>
</div>
<script>
//modal overlay funcion
$(document).ready(function (){
$('.utm-link').each(addUTMParams);
$('.utm-link').click(function (event) {
ga('send', 'event', $(event.target).attr('data-type'), 'click', getParameterByName('source') + ' / ' + getParameterByName('medium'), {
'transport': 'beacon'
});
});
}); // doc.ready
// Cal's custom UTL tracking
function addUTMParams (link) {
var $link = $(link);
var url = $link.attr('href')
var type = $link.attr('data-type');
// Get URL utm parameters if present
var source = getParameterByName('utm_source');
var medium = getParameterByName('utm_medium');
var campaign = getParameterByName('utm_campaign');
var term = getParameterByName('utm_term');
var content = getParameterByName('utm_content');
// If no source & medium, get the refferer and pass through
if (!source && !medium) {
source = 'referral';
medium = document.referrer.split('/')[2];
}
// If passing through to album preorder - use Songkick as content so we can claim as our traffic
if (type=='preorder') {content = 'songkick splash'};
// Build query string
var queryString ="?from=splash";
if (source) {queryString = queryString + '&utm_source=' + encodeURIComponent(source);}
if (medium) {queryString = queryString + '&utm_medium=' + encodeURIComponent(medium);}
if (campaign) {queryString = queryString + '&utm_campaign=' + encodeURIComponent(campaign);}
if (term) {queryString = queryString + '&utm_term=' + encodeURIComponent(term);}
if (content) {queryString = queryString + '&utm_content=' + encodeURIComponent(content);}
// Append parameters to URL
url += queryString
$link.attr('href', url);
console.log(url);
console.log(type);
}
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67940604-48', 'auto');
ga('send', 'pageview');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '583609881778767');
fbq('track', "PageView");</script>
<noscript>&lt;img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=583609881778767&amp;ev=PageView&amp;noscript=1"
/&gt;</noscript>
<!-- End Facebook Pixel Code -->
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment