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:
$(function () {
  $('a').each(function () {
    var that = $(this)
    if ($.inArray(that.css('position'), ['relative', 'absolute']) == -1) {
      that.css('position', 'relative');
    }
    that.append($('<div>').css({
      position: 'absolute',
      border: '1px solid black',
      'background-color': 'white',
      color: 'black',
      'font-size': '10px',
      left: '2em',
      top: '1em',
      'line-height': '10px',
      'z-index': 1001

    }).text('overlay'));
  });
  var body = $('body');
  body.append($('<div>').css({
    position: 'absolute',
    top: 0,
    left: 0,
    width: $(document).width(),
    height: $(document).height(),
    'background-color': 'white',
    opacity: .5,
    'z-index': 1000
  }));
});
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