affiliate program link

**chechu** · 08-25-2008, 07:45 AM

I have a few links to affiliate programs on my site, where the text and destinated url is all in a script like this:

Code:

<script type="text/javascript">
var uri = 'http://impbe.tradedoubler.com/imp?type(js)g(17150696)a(1383984)' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript type="text/javascript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script>

Problem is that the script seems to override css based orders, like the color of the link. I tried this

Code:

<... com/imp?type(js)g(17150696)a(1383984)' class='e' + new String (Math...></sc'+'ript>');
</script>

and

Code:

<font color="red"><script type="text/javascript">
var uri = 'http://impbe...

But none works. How can I adapt this ?

**codeexploiter** · 08-25-2008, 08:53 AM

Here is an example for the one you are looking. In this example I used to load the affiliation script file inclusion in the head section of the page and in its window's onload event I used to track the anchor element(s) created by the affiliation script.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Untitled Document</title>
        <style type="text/css">
        	.affl{
        		color:green;
        	}
        
        </style>
        <script type="text/javascript">
            var uri = 'http://impbe.tradedoubler.com/imp?type(js)g(17150696)a(1383984)' + new String(Math.random()).substring(2, 11);
            document.write('<sc' + 'ript type="text/javascript" src="' + uri + '" charset="ISO-8859-1"></sc' + 'ript>');
        </script>
        <script type="text/javascript">
        	window.onload = function(){
				var as = document.getElementsByTagName('a')	;
				for(var i = 0; i < as.length; ++i){
					if(as[i].href.indexOf('http://clk.tradedoubler.com/click') != -1){
						as[i].className = "affl";						
					}
				}
			}        
        </script>
    </head>
    <body>
    </body>
</html>

I used to track the affiliation links through the href value..

Hope this helps.

**chechu** · 08-25-2008, 09:02 AM

Difference with your example is that my links are not in the head, but in the body, and there are four I have. How can I include them in the body, using your solution ?

**codeexploiter** · 08-25-2008, 09:27 AM

Can you please provide a link to the page you are referring, so that I can have a look. The above mentioned strategy should work in that case also under normal circumstances. In my method I used to call the routine to check the anchor elements in the onload of window object, which will be triggered only after loading the complete page DOM. But the issue that can occur is with the indexOf operation I've done, I don't know how exactly your affiliation links looks. Before anything I need to get a good look on those or if there is any generic pattern for those links we can use that pattern for the checking.

**chechu** · 08-25-2008, 10:23 AM

Here's the link
If you look at the four links in the green box, and then you go in the menu to another page (f.ex. CenterParcs), you will see that the color of the links is different, because the four ones in the index are scripts, while the other ones are <a href>, where the css is applied to.

**codeexploiter** · 08-25-2008, 11:27 AM

The following is one of the hyperlink's HTML markup that I've copied from firebug

Code:

<a target="_blank" href="http://clk.tradedoubler.com/click?p=3106&amp;a=1383984&amp;g=16862766&amp;url=http://www.centerparcs.be/VL/BE/aanbieding/najaarsaanbieding_2008">huidig beste voordeel CenterParcs: 100 euro korting</a>

The following is the markup of one of the problematic hyperlink

Code:

<a class="a" target="_blank" href="http://clk.tradedoubler.com/click?p=3106&amp;a=1383984&amp;g=16862766&amp;url=http://rms.admeta.com/public/transfer.asp?sitebanner_id=831901">last minutes CenterParcs: wil je er snel nog even tussenuit</a>

The only difference between the first one and the second one is the second has a class name associated with it (highlighted). If you remove that class from the markup the link will look similar to the first one.

Hope this helps.

**chechu** · 08-25-2008, 02:11 PM

I know, but the links above have the color I want, due to the class. So these are the correct ones. My problem is that I cannot use the class with the links that are in javascript.
You used the first link as an example. Please use the second to fourth one.

**Medyman** · 08-25-2008, 04:41 PM

Add a class to the container. And style through that.

Code:

<td class="link"><script...></script></td>

td.link a {
   color:red;
}

By the way, you really shouldn't be using tables like you are. They're not meant for layout.

**chechu** · 08-25-2008, 06:52 PM

Thanks a lot, it works perfectly !
About the tables, I know, but I got it from a template, and I have no idea how to place it into divs.
Here's the template from: http://www.web-garden.be

**Medyman** · 08-25-2008, 10:33 PM

Originally Posted by chechu

About the tables, I know, but I got it from a template, and I have no idea how to place it into divs.
Here's the template from: http://www.web-garden.be

Ahh, makes sense. I don't know why template makers are so lazy. I guess they assume that if someone is using templates, they must not know proper coding techniques.