Forum Moderators: open

Message Too Old, No Replies

Single Pixel Adding an extra row , looks baaaad

         

suzanne

2:30 pm on Feb 27, 2003 (gmt 0)

10+ Year Member



Hi,

We are trying to implement single pixel tracking on our site. However, when we put this on the page right beneath the <body> tag (where our outsourcing company recommends), a full white row is added to the top of our site, which of course looks yucky and unprofessional. Surely there is a way to implement this so that you do not see a full row for the single pixel?

Here's the script:

<!-- Start of Spotlight Tag: Please do not remove-->
<!-- Activity Name for this tag is:Home Page Main -->
<!-- Web site URL where tag should be placed: link-here -->
<!-- Creation Date:12/10/02 -->
<SCRIPT language="JavaScript">
var axel = Math.random()+"";
var a = axel * 10000000000000;
document.write('<IMG SRC="link-here" WIDTH=1 HEIGHT=1 BORDER=0>');
</SCRIPT>
<NOSCRIPT>
<IMG SRC="link-here" WIDTH=1 HEIGHT=1 BORDER=0>
</NOSCRIPT>
<!-- End of Spotlight Tag: Please do not remove-->

Any advice, suggestions would be great.

korkus2000

2:52 pm on Feb 27, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



My first question is what are these variables doing?

var axel = Math.random()+"";
var a = axel * 10000000000000;

Did you cut them out? Were they part of the link-here part?

I am guessing you have a table that has a different color than the background. I would suggest making a table row in the top of the table that has that background color. Place the image in there.

jpjones

2:55 pm on Feb 27, 2003 (gmt 0)

10+ Year Member



Why include it at the top of the page? Why not somewhere in the middle in amongst some whitepage or even at the bottom of the page?

That will avoid having extra table and javascript code before the content, which will appease se bots.

JP

HocusPocus

11:59 pm on Feb 27, 2003 (gmt 0)

10+ Year Member



If it needs to be at the top of your page you could hide it by nesting the 1px image in a 1px hidden layer.

<DIV STYLE="position:absolute; width:1px; height:1px; z-index:1; left: 0px; top: 0px; visibility: hidden;">

<!-- Start of Spotlight Tag: Please do not remove-->

....

<!-- End of Spotlight Tag: Please do not remove-->

</DIV>