Change the way GA Reports look
This is an update to some Custom CSS that I published a while back.
At the time I was working on some analysis and was incredibly frustrated because all I saw was a bunch of URLs that looked like this:
This was especially frustrating because up to the point that the URLs got cut off, they were exactly the same!
I had been frustrated by this before, but this time it was unbearable and I put things on pause to write some custom CSS that gave me something like this:
Now, I could see the URLs and actually learn what I needed to learn.
Now, Why is this version different?
With the upcoming Secondary Dimensions, you have more information and less room:
Using my Custom CSS, we can see what all these URLs are at the expense of a longer report:
To me, this is a lot better than trying to mouse-over each item and quickly look at the tool-tip.
In addition to getting ready for the Secondary Dimension release, this CSS also makes some modifications to some other areas of the GA Report Interface that I found annoying.
Many areas in the Interface ask you to input URLs or Regular Expressions into this Tiny, Tiny text box:
Look at all that room on the right side of the screen. Why aren’t we using that? That’s just crazy.
So now, the Henson-version:
Oh yea, that’s much better.
In this new version, you’ll find much longer form fields like this in most places.
Instructions
The new .css file can be found at http://www.lunametrics.com/overflow.css
I use the Firefox extension “Stylish” for this.
1. Once Stylish is installed, download the overflow.css.
2. Right click on the Stylish Icon in your browser’s status bar.
3. Select Write New Style -> Blank Style
4. And paste in the contents of overflow.css into the text box.
5. Give this new style a Name, and click save.
If you don’t use Firefox or don’t want to use Stylish, there are additional instructions in the original article.
(Just use the css from overflow.css instead of what is in that article.)
Additional Reports modified:
Goal Funnel: Entrance and Exits use previously empty space.
Custom Reports: Overflow should work here
Content Detail: Content Pulldown menu is longer
And I’m pretty sure there are a bunch of others.
PLEASE NOTE: I am not a CSS expert. In fact, a lot of this was trial and error (mostly error). It displays well at the resolutions I generally use. Your results may vary.
As always, let me know if you find any problems, and thanks to everyone who helped me out by testing this and giving feedback.
Enjoy,
John Henson
Subscribe to this blog's feed
