Overview

There are several good ways to link to your Affiliate site from your website.  It is required that you provide at least one link to your Affiliate site (or no one will find it!). The Affiliate Manager area have the code for you to use to set up your links. Just click on the "Go" link for the affiliate site on the main page of the Affiliate Manager area and you will get the page that shows you site information and linking HTML code. Two examples of HTML code and what the link might look like are shown below. The default is shown in example 2, followed by customization options.

Conventions on this page

For the examples Affiliate site 123 is used.  Your Affiliate site number is different, and must be substituted in place of "123".  For example, a URL might look like:

    http://epage.com/js/csp/123.html

You would not use this URL directly.  If, for example, your Affiliate site were number 23456 you would use the following URL:

    http://epage.com/js/csp/23456.html

 

Example 1: Simple Link

You must change the "123" above to the number of your affiliate!!

Example 2 (recommended): Show Recent Listings On Your Page

First, you can change the maximum number of ads displayed for each category by changing the "numads" variable in the javascript call. Values from "0" to "5" are valid. For example, to show 4 ads in each category you would use:

<script SRC="http://epage.com/js/csp?csp=123&js=3&numads=4" LANGUAGE="JAVASCRIPT">
</script>
<NOSCRIPT>My <A HREF="http://epage.com/js/csp/123.html">
Cool Classifieds and Auctions</A>
</NOSCRIPT>

To customize the way your affiliate ads are displayed (embedded) on your Web site you can paste additional code into your page, above the normal "<script..." code above. These are JavaScript variables which can be used to change the style of the embedded ads. Each variable is optional; the values can be modified as much as you want, or can be copied directly from these samples.

If you modify the variables we recommend that you test your site using Internet Explorer and Netscape: a single error (like a typo) can have very unexpected results.

After the samples we placed a description of each variable.

 

Default- CoolBlue colors:

 

"CoolBlue Colors" Code (default):

<script LANGUAGE="JAVASCRIPT">
var EPage_width="468px";
var EPage_ad_font_family="Verdana, Arial, Helvetica, sans-serif";
var EPage_ad_font_size="10px";
var EPage_ad_background="#F8F8FF";
var EPage_ad_indent="10px";
var EPage_ad_font_color="BLACK";
var EPage_ad_link_color="#3333CC";
var EPage_category_link_color="#3333CC";
var EPage_title_font_size="14px";
var EPage_title_font_color="WHITE";
var EPage_title_background="#3333CC";
var EPage_border_color="#3333CC";
var EPage_border_size="1px";
var EPage_category_padding="2";
var EPage_category_font_size="12px";
var EPage_category_font_color="BLACK";
var EPage_category_background="#CCDDFF";
var EPage_category_border_size="1px";
</script>

 

Sample 1 - Autumn colors:

 

"Autumn Colors" Code:

<script LANGUAGE="JAVASCRIPT">
var EPage_width="468px";
var EPage_ad_font_family="Verdana, Arial, Helvetica, sans-serif";
var EPage_ad_font_size="10px";
var EPage_ad_font_color="BLACK";
var EPage_ad_background="#ffffcc";
var EPage_ad_indent="10px";
var EPage_ad_link_color="#3333CC";
var EPage_title_font_size="14px";
var EPage_title_font_color="WHITE";
var EPage_title_background="#990000";
var EPage_border_color="#990000";
var EPage_border_size="1px";
var EPage_category_padding="2";
var EPage_category_font_size="12px";
var EPage_category_font_color="BLACK";
var EPage_category_link_color="#3333CC";
var EPage_category_background="#FF9900";
var EPage_category_border_size="1px";
</script>

 

 

Sample 2 - Inverse colors:

 

"Inverse Colors" Code:

<script LANGUAGE="JAVASCRIPT">
var EPage_width="468px";
var EPage_ad_font_family="Verdana, Arial, Helvetica, sans-serif";
var EPage_ad_font_size="10px";
var EPage_ad_background="black";
var EPage_ad_indent="10px";
var EPage_ad_font_color="WHITE";
var EPage_ad_link_color="#BBBBFF";
var EPage_title_font_size="14px";
var EPage_title_font_color="WHITE";
var EPage_title_background="#222222";
var EPage_border_color="#666666";
var EPage_border_size="0px";
var EPage_category_padding="2";
var EPage_category_font_size="12px";
var EPage_category_font_color="WHITE";
var EPage_category_link_color="#BBBBFF";
var EPage_category_background="#222222";
var EPage_category_border_size="0px";
</script>

Variable Definitions:

We have created these variables to actually describe what they affect to make this as easy as possible to understand and modify. You do not need to specify all of these variables. You can choose just the ones that you want to be different than the default. There are three sections to the display: "title", which is the first line and typically the name of your affiliate; "category", which is the line that contains the category name, and "ads" which is the line that contains the actual ad.

Variable Name		Description and Typical Values
EPage_width		This is the width of the box. Use this to try and fit the ads into your existing layout. For example, if you specify a small number ("120px") the ads might fit into a small column on your page. As with any HTML, it might be possible for the box to be larger than you specify due to the contents of the ads, but generally it should be OK. A good range is 100px to 600px.
EPage_title		The default title will be the name of your affiliate, but you can change it using this variable. Example: "Check Out These Great Ads!"
EPage_ad_font_family		You can specify the font family for the ads. The title and category name fonts are specified using a variable below. The browser will attempt to use the first one first, and if that is not available it will go to the second.
EPage_ad_font_size		You can specify the font family for the ads. We recommend using the units "pixels", such as "10px", "12px", or "14px".
EPage_ad_font_color		This sets the font color for the ad (the part of the ad that is not a link). You can use hex codes ("#000000") or color names ("Black")
EPage_ad_background		This is the background color for the ads. You can use hex codes ("#ffffff") or the color names ("WHITE"). Usually you would change the ad
EPage_ad_indent		The page often looks better with the ads indented. The default is "10px", but you can make it bigger or smaller.
EPage_ad_link_color		The link color can be changed. "Blue" is typical, but any color will work. You can use hex codes ("#ffffff") or color names ("White")
EPage_title_font_size		A good font size might be "14px", but any size will work.
EPage_title_font_color		This sets the font color for the title line. You can use hex codes ("#000000") or color names ("Black")
EPage_title_background		This is the background color for the title line. You can use hex codes ("#ffffff") or color names ("White")
EPage_border_color		There is a border around the ads and the headers. You can use hex codes ("#000000") or color names ("BLACK")
EPage_border_size		You can change the size of the border. "0px" will make it disappear, "1px" is typical.
EPage_category_padding		The padding around the category names might help readers distinguish between ads and categories. "0px", "1px", "2px" are typical values.
EPage_category_font_size		The "category"is listed above each ad (if you are displaying any ads). A good font size might be "12px", but any size will work.
EPage_category_link_color		The link color can be changed. "Blue" is typical, but any color will work. You can use hex codes ("#ffffff") or color names ("White")
EPage_category_background		This is the background color for the category line(s). You can use hex codes ("#ffffff") or color names ("White")
EPage_category_border_size		There is a border above each category name. You can set it to "0px" to make it invisible, or set it to a small number (like "1px")