The ga_shade div tag from Google Analytics on Firefox

After some tweaking on my blog theme, I re-added the Google Analytics code, an absolute div tag generated by the GA javascript code created an overlay on top of my page, everything underneath was unclickable and this was only in Firefox.


Code below:

<div style=”position: absolute; left: 0px; top: 0px; width: 100%; height: 1000px; background-color: rgb(238, 238, 238); opacity: 0.5; z-index: 100000; display: block;” id=”ga_shade”></div>

Page works on IE and div code is not visible on source code. Simple solution though is just delete the cookies on Firefox.

Makes me wonder how many site owners who uses Google Analytics have visitors that have been unable to use their site because of this issue. Hmm.

Post Author: lopau

15 thoughts on “The ga_shade div tag from Google Analytics on Firefox

    Is your website veiled? | lohan.me

    (July 25, 2008 - 9:50 am)

    […] fix for thi is simple — clear your browser cookies and reload the page. Thanks to Paulo Orquillo for the […]

    Hiker

    (July 29, 2008 - 7:22 pm)

    The effect is only seen for the developer not for general users as the cooking in question is a result of using the GA overlay feature. The ga_shade is something that temporarily drops down over pages when you are browsing with the GA overlay. Watch your screen closely as you move from URL to URL watching people’s click paths. The good thing is that the end users of your site don’t see the problem.

    lopau

    (July 29, 2008 - 8:07 pm)

    tnx hiker, nice info to know!

    Web Unleashed

    (October 31, 2008 - 5:18 pm)

    Nice tip guys. The shade is not visible to end users, Hiker is right.

    propriome

    (November 12, 2008 - 2:16 am)

    The ga_shade is visible only when logged in analytics/gmail with the account linked to analytics one.

    Theoretically the ga_shade layer should show clicks on various links in the page and other side infos.

    T-dev

    (January 28, 2009 - 2:50 pm)

    Thank you for posting this blog. I totally freaked out for about 5 minutes and thought my site was hosed. I cleared my cookies and and checked a couple other computers. This is definitely a developer bug only.

    Valentin

    (April 15, 2009 - 2:11 am)

    Thanks for the info…I was stuck this morning and your solution popped up as the first google result! which is great.

    the_guv

    (May 27, 2009 - 9:43 pm)

    tx Lopau,

    have posted some more fix info here, if that’s handy…

    http://www.guvnr.com/web/web-dev/ga_shade-site-overlay-bug/

    Berry

    (June 25, 2009 - 6:42 pm)

    Thanks for this post! Clearing the GASO (Google Analytics Site Overlay) cookie resolved the problem.

    brad

    (July 2, 2009 - 10:00 am)

    I had the same problem. The simple solution is to go into analytics, select the site overlay link, and then at the top click “Hide Overlay”. Clears it right up 🙂

    lopau

    (July 2, 2009 - 11:08 am)

    @brad that’s a new solution i’ve heard regarding the overlay problem, tnx for the tip.

    Haungo

    (August 17, 2009 - 3:46 pm)

    I had this problem.. I googleed “ga_shade”.. click the first link.. solution and explanation perfectly provided! Thanks!

    This type of internetty goodness makes all our lives easier!

    cleopatra costumes

    (October 15, 2009 - 10:56 am)

    Many thanks for the info. I almost freaked out, thinking someone had hacked my wordpress and created the overlay to sabotage. Search through all the theme’s php codes for ga_shade but found nothing. Thanks again.

    here

    (June 5, 2012 - 6:24 am)

    Could you email me with any hints & tips about how you made your blog look this cool, Id be thankful!

Leave a Reply

Your email address will not be published. Required fields are marked *