Tag Archive for "javascript" - Everet Dale

Posts Tagged ‘javascript’

Google Analytics Event Tracking

July 22nd, 2013 | Tags: ,

Event Tracking is one of the coolest features of Google Analytics in my opinion. For those who are unfamiliar, Event Tracking allows you to measure any event that occurs while your visitors browse your site. All you have to do is add the following code to whatever you want to track. For instance if you wanted to track a how often a link is clicked, you would make your a tag look like this:

 

<a href=”page.php” onClick=”_gaq.push([‘_trackEvent’, ‘Category’, ‘Action’, ‘Label’]);”>click here</a>

 

For example, you could track the number of times a particular button is clicked. If a website has several call to action buttons on its landing page, it is useful to know which of the buttons are being clicked. By applying Event Tracking to each of the buttons, this metric can be easily ascertained. The data begins to appear in the Events tab in Google Analytics. The 3 values ‘Category’, ‘Action’, and ‘Label’ can be whatever keywords you want. Google Analtyics sorts and aggregates your data based on these keywords. Real power users can take it a step further create Goals based on these Events. More on that later.

Making really big things clickable

June 26th, 2013 | Tags: ,

I prefer to use straight HTML and CSS whenever possible, rather than using Javascript. This is mainly due to the fact that I am strong in HTML and CSS, and don’t have nearly as much experience in Javascript, but also because I follow the Keep It Simple Stupid philosophy. Having said that, sometimes I just want to make something really big a link. Lets say you wanted to make half of a webpage a link to another page. Sure you could wrap it all in an tag, but there is going to be cross browser issues. I’ve adopted this little of javascript for such situations. Its really just as simple as an HTML tag, and you can add it to any element:

 

<div onclick="window.location = 'http://www.everetdale.com/';">

</div>

Parallax Scrolling Tutorial

I’m a big fan of Parallax effects on websites. Apparently these originate in early video games. My hippy parents were banned video games from our house when I was young so I missed out, but I think its really cool on websites. I’ve been playing around with pure CSS parallax ideas, but here is a really comprehensive guide to Javascript parallax  effects, which area alot more interactive than the CSS stuff I’ve been doing.

 

http://www.youtube.com/watch?v=e_6lV7X3DLo