Getting Started with Google Analytics
UPDATE! I am now using debug version of Google Analytics ga_debug.js and I am seeing a resource not found exception 404.
I have a jQuery Mobile App, and I am trying to get page views visible inside the Google Analytics console. Right now I am not seeing any users, or page hits. Here is what I have done so far. Please let me know if I am missing something.
1) Signed up with Google Analytics.
2) Got a tracking ID for a Mobile App. It then presented me with two native SDK's neither of which I downloaded,
since I don't have a mobile app.
3) Loaded the page below several times with my tracking ID, and verified no error messages and that javascript GA code was executed (see html page below). Update using ga_debug.js now see resource not found 404??????
4) Refreshed reporting view in Google Analytics and saw nothing.
How do I verify that info was pushed correctly to Google Analytics? Am I doing something wrong here or is there just a delay in reporting? Is there a way to debug the call to Google Analytics?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Mobile @ Your Library</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile- 1.0.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"> </script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-40418xxx-x']); _gaq.push(['_gat._anonymizeIp']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
<!-- Start of home page --> <div data-role="page" id="home" data-theme="d"> <div data-role="header" data-theme="d"> <h1>Mobile @ Your Library</h1> <a href="#home" data-icon="home" data-iconpos="notext" data-theme="d" class="ui-btn-right">home</a> </div><!-- /header --> <div data-role="content"> <ul data-role="listview" data-inset="true"> <li><a href="#search">Search</a></li> <li><a href="#hours">Hours</a></li> <li><a href="#ask">Ask a Librarian</a></li> <li><a href="#about">About</a></li> <li><a href="#where" data-rel="dialog" data-transition="pop">Where</a></li> </ul> </div><!-- /content --> <div data-role="footer" data-id="myfooter" data-position="fixed" data-theme="d"> <div class="controls" data-role="controlgroup" data-type="horizontal"> <a href="#home" data-role="button" data-icon="home">Home</a> <a href="#search" data-role="button" data-icon="search">Search</a> <a href="#ask" data-role="button" data-icon="info">Ask</a> <a href="/index.php" rel="external" data-role="button" data-icon="plus">Full site</a> </div> </div><!-- /footer --> </div><!-- /page --> <script type="text/javascript"> $('[data-role=page]').live('pageshow', function (event, ui) { try { _gaq.push( ['_trackPageview', event.target.id] ); <!--console.log(event.target.id); --> console.log('test'); console.log(event.target.id); } catch(err) { console.log('err'); console.log(err); } }); </script> </body> </html>