<!DOCTYPE html>

    <link rel="stylesheet" href="style.css">
    <!-- the uuid library (https://www.npmjs.com/package/uuid) is used to generate uuid strings for our custom dimensions -->
    <script src="http://wzrd.in/standalone/uuid%2Fv4@latest"></script>
    <script src="script.js"></script>

    <h1>Hello Plunker!</h1>

//-- default GA tracking.
(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-00000000-0', 'auto'); // of course, use your valid GA tracking code.

//-- 1:1 hit tracking: if we haven't already set the user-scoped uuid, assign now and set the cookie.
// the cookie and the if clause prevent us from re-writing our own dimension.
if (document.cookie.indexOf('browser_uuid_set=1') == -1) {
    //-- dimension1: using uuid-v4, set the user-scoped uuid. Note the dependecy in index.html
    ga('set', 'dimension1', uuidv4());
    //-- set the cookie we use for this if clause on subsequent hits.
    document.cookie = 'browser_uuid_set=1; expires=Fri, 01 Jan 2100 12:00:00 UTC; domain=.yourawesomesite.com; path=/';
//-- dimension2: use the vanilla js for the current timestamp.
ga('set', 'dimension2', new Date().getTime());
//-- send the hit.
ga('send', 'pageview');
/* Styles go here */