View Single Post
  #5  
Old 06-07-2010, 07:39 PM
denmaster denmaster is offline
CPVDen Co-Owner
 
Join Date: Apr 2010
Location: Atlanta, GA
Posts: 804
Thanks: 41
Thanked 160 Times in 70 Posts
Default

Hi sv31vrp, welcome aboard

Here is how I do it exactly so you can follow along. I use a php file so you can install whatever tracking mechanism of your choice.

At the very top of the page is:
Code:
<?php

$url = "http://muchachatv0.iqlovetest.cellfish.com/index/quiz/";

?>
In this case, that would be your affiliate link to the offer.

Next comes the html headers:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script Language="JavaScript">
self.moveTo(0,0);
self.resizeTo(900,750);
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>What Is Your IQ?</title>
<style type="text/css">
<!--
iframe {
    margin-top: 0px;
    z-index: 2;
}
#top {
    background-color: #000;
    z-index: 10;
    position: relative; 
    top: 0px; 
}
body {
    margin-top: 0px;
    background-color: #000000;
}
-->
</style>
</head>
There are a couple of things to note here. First I added a javascript to resize the window to 900x750. This is a real nice little tip for you to take away, make sure your offer can be seen!

Next, we have some styles. This is going to be used for positioning the iframe properly and styling the page.

Lastly, is the body:

Code:
<body>
<div id="top">
  <table width="100%" border="0 " align="center" cellpadding="0">
    <tr>
      <td><div align="center"><img src="score.jpg" alt="Beat my Score!" width="300" height="70"></div></td>
    </tr>
  </table>
</div>
<iframe src="<? echo $url ?>" frameborder="0" scrolling="no" width="100%" height="1000px" ></iframe>
</body>
</html>
If you are concerned that your iframe is cutting off your offer, then simply increase the height attribute of the iframe tag. In my example I have it set to 1000px which covers it.

One other thing to note is that you can play with the positioning of the iframe with the style. Try and set "margin-top: -20px;" and see what happens. Of course this tactic may be against the TOS and I am not recommending it!

I have also attached a zip file with the files for you to use as your own template.
Attached Files
File Type: zip iframe-code.zip (5.5 KB, 87 views)
__________________
$$$ $10 Off/Month For Life At Aff Playbook :: EXCLUSIVE to CPV Den $$$
Reply With Quote
The Following 2 Users Say Thank You to denmaster For This Useful Post:
ekhan7 (10-24-2011), TiVo (03-28-2011)