JSFiddle - React, Tailwind, and code Playground

Custom Google Analytics Testing

by tw16

HTML

<nav>
    <ul>                    
        <li class="current"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>
<div id="slideshow">
    <a href="item-1.jpg">Item 1</a>
    <a href="item-2.jpg">Item 2</a>
    <a href="item-3.jpg">Item 3</a>
</div>

CSS

nav{margin:0 0 50px;}
a{display:block; border-radius: 4px; border:1px solid #ccc; margin: 10px; padding: 5px;}

JavaScript

$('nav a').on('click', function(e) {
   e.preventDefault();
   
    var page = $(this).html(),
        page = page.toLowerCase();
        page === 'home' ? page = '/' : page = "/" + page + ".html";         
    console.log(page);
});

$('#slideshow a').on('click', function(e) {
   e.preventDefault();
   
   var filename = "'" + $(this).attr('href') + "'";   
   console.log(filename);
    //_gaq.push(['_trackEvent', 'Portfolio', 'View Item', filename]);
});