JOBS&GIGS

Welcome to Affiliate HQ!

Below is the code and instructions you need to start earning with jobsandgigs.com.

If you have any special requests or need help with integration then by all means let us know and we'll do our best to help you out.

Be inventive, experiment (let us know if you want to do some a/b testing), and feel free to ask at any time about traffic and current referrals.

There are three main ways to embed jobsandgigs.com ads on your site:

1. Dynamic unordered list of ad/s (good for side bars or square-ish spaces)
2. Dynamic single text link ad (good for single links appearing above/below articles, front pages, in thin horizontal spaces etc)
3. Graphic/text link (with optional highlighted job ad) to the site (good for banners, rectangle ads, sponsorship sections etc)

 

1. Dynamic unordered lists

To use an unordered list of links, simply drop the following into your markup (replace 999 with your referral ID):

<script type="text/javascript">__jag_referral_id = 999;</script>
<script type="text/javascript" src="http://jobsandgigs.com/referrals/list1.0.js"></script>

Note that this has no heading, so please add a heading of Jobs and Gigs as appropriate for your site.

This will produce the following:

Variables: The good news is you can also pass variables to the script to control how many ads are displayed (default is 5), and whether the locations are shown or not. The two variables are a number eg /3/ and /show_location/. If you use /show_location/ you must specify a number before it.

For instance, you can do something like this:

 
<script type="text/javascript">__jag_referral_id = 999;</script>
<script type="text/javascript" src="http://jobsandgigs.com/referrals/list1.0.js/1/show_location/"></script> 
		

to produce this:

CSS Hooks: I've also included a bunch of CSS hooks to allow you to style, hide, and position things as you please. Here is an example of the markup (with optional job location):

<ul>
	<li>
		<div class="jag-position"><a href="#"><span class="jag-job-title">Demo Job Title</span> <span class="jag-job-company">@&nbsp;Company Name</span></a></div>
		<div class="jag-job-location">(Anywhere)</div>
	</li>	
</ul>
<div class="jag-ads-by"><a href="#">Ads by JobsandGigs.com</a> <span class="jag-ads-by-pipe">|</span> <a href="#">Post an ad »</a></div> 

 

2. Dynamic single text link ad

Text link ads are good for when you just want to highlight a single ad in an inline way.

To include a text link ad, simply add the following to your page, substituting 999 for your referral:

<script type="text/javascript">__jag_referral_id = 999;</script>
<script type="text/javascript" src="http://jobsandgigs.com/referrals/text1.0.js"></script>

This will produce the following:

Variables: Like the lists, you can pass variables to the script to control how many ads are displayed (default is 1), and whether the locations are shown or not. The two variables are a number eg /3/ and /show_location/. If you use /show_location/ you must specify a number before it.

For instance, you can do something like this:

http://jobsandgigs.com/referrals/text1.0.js/2/show_location/.

The markup for single entry ads looks like this:

<span class="jag-label">Jobs and Gigs:</span> <span class="jag-position"><a href="#"><span class="jag-job-title">Demo Job Title</span> <span class="jag-job-company">@&nbsp;Company name</span></a> <span class="jag-job-location">(San Francisco)</span>&nbsp;&nbsp;<span class="jag-ads-by"><a href="#">See more &raquo;</a> <span class="jag-ads-by-pipe">|</span> <a href="#">Post an ad &raquo;</a></span> 	
 

Hint: Use display:block; to move an element to another line.

 

3. Graphic/text link

This is extremely easy, just link to your graphic (or any link) like so, substituting 999 for your affiliate ID.

Normal link:

<a href="http://jobsandgigs.com/?ACT=38&RID=999">Check out JobsandGigs.com!</a>
 

Image link

<a href="http://jobsandgigs.com/?ACT=38&RID=999"><img src="/jobsandgigs.com-banner.jpg" alt="Jobsandgigs.com banner" /></a>

Grahics / banners / badges

Using the linking method above, you can use any of these images on your site as appropriate. Be sure to copy them to your own server before using them. The large rectangle (300x250px) has a dynamic variation which highlights a current job/gig.

468x60px banner:

468x60px dynamic banner (looks great in situ!):

To use the dynamic banner above, simply embed the following code (you may need to float the containing div as appriopriate and you will need to change the location of the background image, which you can download here):

<div class="jag-dyanmic-banner" style="background: url(http://jobsandgigs.com/images/jag/promo/banner-468x60-dynamic-bgnd.gif) no-repeat;width:468px;height:60px;clear:both;"> 
<script type="text/javascript">__jag_referral_id = 999;</script>
<script type="text/javascript" src="http://jobsandgigs.com/referrals/dynamic_banner_text.js"></script>
</div><!-- jag-dynamic-banner -->

233x60px badge:

220x60px badge:

200x80px badge:

205x85px badge:

180x90px small rectangle:

200x100px small rectangle:

200x125px small rectangle:

120x90px small rectangle:

135x100px small rectangle:

205x180px square(ish) ad:

300x250px medium rectangle:

Dynamic 300x250px medium rectangle:

To use the dynamic medium rectangle above, simply embed the following code (you may need to float the containing div as appriopriate and you will need to change the location of the background image, which you can download here):

<div class="jag-rect-ad-live" style="width:300px;height:250px;margin:10px 10px 0 0;background: url(/images/jag/promo/rectangle-ad-bgonly-300x250.gif) no-repeat;">
<script type="text/javascript">__jag_referral_id = 999;</script>                                                       
<script type="text/javascript" src="http://jobsandgigs.com/referrals/rectangle_text.js"></script>		
</div> <!-- jag-rect-ad-live -->    

 

Need something a bit different? Just and I'll sort you out!