Lightbox CPA - Zango/CPALead Style Protection

SpyBoy · 10-31-2009 12:09 AM

Here's a method I've had some success with on a couple of things...in the example files, I've used a dating offer (I'll admit it, tried my hand at ewhoring) but I've also used it for a game release and a couple of other things.

Basically, it simulates the Zango/CPALead Content Protection systems using a lightbox. All the code is taken from these two pages:

particletree.com/features/lightbox-gone-wild/
webfoundation.net/downloads/lightbox_gone_wild_tutorial.html

Here's the code for the index.php file -

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Title</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />

<link rel="stylesheet" href="css/default.css" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="css/main.css" media="screen,projection" type="text/css" />

<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>

<?php
echo "<meta http-equiv="refresh" content="10;url=rd1.php">";
?>
</head>

<body leftmargin="0" topmargin="0" style="background-image:url(images/bg.jpg); background-repeat:no-repeat;">
<input class="lbOn" id="lbOnAuto" type="hidden" value="overlay.php">
</body>
</html>

I have used this a couple of different ways. In the example above, I've taken a screenshot of my CPA offer and used that as a background for the page. You can also just Iframe a page that you want to "protect" - both ways work the same.

Just a note of caution - if you are iframing your offer, you'll need to make sure that your page isn't leaking as the referer. If you are using another page in the iframe, you don't need to worry about it.

If you want to use the example without reworking the code, replacing the bg.jpg file with your own screenshot is the simplest way. Just find an offer that you want to promote and take a screen shot of it.

Couple of suggestions for your screenshot - first, change your screen resolution before taking the screenshot to something large - 1152x864 worked for me. Second, with the offer loaded up, hit the F11 function key and go to "fullscreen". This will give you a large background picture to be saved as bg.jpg.

Also, in the index.php code you'll see this -
Code:
echo "<meta http-equiv="refresh" content="10;url=rd1.php">";

This code will redirect the page after 10 seconds to the first step in the double meta-refresh, the rd1.php page. We'll come back to the double metarefresh in just a second.

Next, you'll want to look at the overlay.php file. Basically, this is your gateway page telling your visitor that they are going to have to do something to gain access. In this example, I've just used a picture showing that they are going to have to register to view the profile. If used for something else, just change the picture and text.

If you do decide to change the size of the picture or just use text, you'll need to edit the lightbox.css file in the css folder to make the overlay position correctly. There are two bits of code that you are concerned with in that file. First, the lightbox css -
Code:

#lightbox{
display:none;
position: absolute;
top:50%;
left:47%;
z-index:9999;
width:500px;
height:300px;
margin:-200px 0 0 -250px;
border:0px solid #000;
text-align:left;
}

The parts you will want to change are the top, left, width, height, and margin sections. Changing these will alter the position of your image or text on the screen. You will probably have to just fiddle with them until you are happy with the positioning of the overlay.

The second part of the file that you will want to edit is -
Code:

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.65;
opacity:.65;
filter: alpha(opacity=65);
}

In this part of the code, you would want to edit the background-color and all of the opacity settings.

Now you should have everything looking the way that you want. The next step is dealing with the double meta-refresh. It consists of the two files, rd1.php and randompage.php.

Code for rd1.php -
Code:

<?php echo "<meta http-equiv="refresh" content="0;url=randompage.php">"; ?>

This page is called by the redirect we issue in the index.php code above, and is the first step in the DMR.

Code for randompage.php -
Code:

<?php
$page0 = "AFFILIATE_LINK_HERE";
$referer = $_SERVER['HTTP_REFERER'];
$mypages = array($page0);
$myrandompage = $mypages[mt_rand(0, count($mypages) -1)];
if($referer == "") {
echo "<meta http-equiv="refresh" content="0;url=$myrandompage">";
}else{
echo "<meta http-equiv="refresh" content="0;url=rd1.php">";
}
?>

This is the standard DMR code that we all love - it just checks to make sure that the referer is blanked from rd1.php and then redirects to your CPA offer. You'll need to replace AFFILIATE_LINK_HERE with your link and you will be good to go.

If you are using this as a content protection gateway, you can add additional offers in by adding this code after the $page0 variable -
Code:

$page1 = "LINK_HERE";
$page2 = "LINK_HERE";
$page3 = "LINK_HERE";
$page4 = "LINK_HERE";

and adding the new variables into the array like this -
Code:

$mypages = array($page0,$page1,$page2,$page3,$page4);

Also, if the referer check fails, this code just sends the user into a loop. You can change the rd1.php reference in the else statement to whatever page you want...

The addon Lightbox script is available in the download section

**judson** · 11-30-2009 07:36 AM

Why in the name of all that is good, dear, holy and sweet can I still not access the download after I have registered.

Like the forum though :-)

LinkBack

Thread Tools

Display

Lightbox CPA - Zango/CPALead Style Protection

Similar Threads

Forum Style

Posting Permissions