ugrás a tartalomhoz

Google site overlay - hogyan készült?

henryke · 2009. Ápr. 23. (Cs), 03.04
hali,

kis tanács kellene: tudja valaki, hogy a GA-ban található site-overlay funkció hogyan készült? Az biztos, hogy nem iframe, nem sima CSS-overlay, nem frame, bármilyen tanács hasznos lenne - ha valaki hasonló, létező site-ok "fölé" akar ilyen overlay sávot, hogyan érdemes nekikezdeni?

köszi!
‹ jQuery bind DOM változásra én így próbáltam megy is, de.. ›
 ■
1

Javascript

zila · 2009. Ápr. 23. (Cs), 08.52
Betöltik az oldalt és az overlay elemeket beszúrják a DOM-ba javascripttel+kap egy saját css-t az overlay elemek formázására.
2

jQuery-vel

Poetro · 2009. Ápr. 23. (Cs), 13.52
Valami ilyesmi:
  1. $(function () {  
  2.   $('a').each(function () {  
  3.     var that = $(this)  
  4.     if ($.inArray(that.css('position'), ['relative', 'absolute']) == -1) {  
  5.       that.css('position', 'relative');  
  6.     }  
  7.     that.append($('<div>').css({  
  8.       position: 'absolute',  
  9.       border: '1px solid black',  
  10.       'background-color': 'white',  
  11.       color: 'black',  
  12.       'font-size': '10px',  
  13.       left: '2em',  
  14.       top: '1em',  
  15.       'line-height': '10px',  
  16.       'z-index': 1001  
  17.   
  18.     }).text('overlay'));  
  19.   });  
  20.   var body = $('body');  
  21.   body.append($('<div>').css({  
  22.     position: 'absolute',  
  23.     top: 0,  
  24.     left: 0,  
  25.     width: $(document).width(),  
  26.     height: $(document).height(),  
  27.     'background-color': 'white',  
  28.     opacity: .5,  
  29.     'z-index': 1000  
  30.   }));  
  31. });  
3

köszi szépen, megnézem,

henryke · 2009. Ápr. 23. (Cs), 14.21
köszi szépen, megnézem, megemésztem...

más: most lehet hülyeséget kérdezek, de van arra mód, hogy az ilyen overlay alá betöltött site-okon trackingoljuk valahogy hogy hova kattint a user? (mármint az overlay alatti site-on levő linkekre)?
4

Persze

Poetro · 2009. Ápr. 23. (Cs), 15.17
Akár az egér mozgását is követheted, és valószínűleg még overlay se kell, csak egy eseménykezelő a body-ra, meg mondjuk egy click figyelő a linkekre. Vannak erre már kész alkalmazások is.
5

Poetro: köszi, kerestem én is

henryke · 2009. Ápr. 23. (Cs), 15.39
Poetro: köszi, kerestem én is hotscripts-en itt-ott, de nem találtam, lehet hogy rosszfelé keresgéltem, esetleg tud vki ilyen opensource alkalmazást, megköszönném a linket,
6

Aki keres, talál

Poetro · 2009. Ápr. 23. (Cs), 17.32
http://www.google.hu/search?q=JavaScript+mouse+tracker