index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Google Analytics Event Tracker</title>
        <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
    </head>
    <body>
        <div class="container">
            <div class="jumbotron text-xs-center">
                <h1 class="display-3">Google Analytics Event Tracker</h1>
                <p class="lead">
                    <a 
                        class="btn btn-lg btn-primary" 
                        href="#" 
                        data-ga-click="homepage hero, click: cta, item: More">
                        Try Me
                    </a>
                </p>
            </div>
        </div>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="main.js"></script>

        <script>
            (function(s,o,i,l){s.ga=function(){s.ga.q.push(arguments);if(o['log'])o.log(i+l.call(arguments))}
            s.ga.q=[];s.ga.l=+new Date;}(window,console,'Google Analytics: ',[].slice))
              ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
        </script>
    </body>
</html>