crazyflx
Elite Member
- Nov 9, 2009
- 1,623
- 4,870
I couldn't edit my OP on this topic, so I had to start another thread as I've made some pretty significant changes and there are some changes in the tutorial as well as new files to download. I've copied most of this from the other thread, however if you read the other one already, you're going to want to read this over again so you can make the necessary changes and download the new files.
First, I have to give credit to Pyronaut, as the content locker code used here is mostly his. You can find Pyronaut's original post where he gave away a free content locker (lightbox) here: Pyronauts CPA Gateway Code
Keep in mind, this IS NOT a squeeze page. It is going to look like one on my live example, but it isn't. I get a $1.50 if you were to submit your email address. What's great is that it doesn't look anything even remotely like a CPA offer. It simply looks like I'm trying to protect my content from being stole by requesting "verification".
You can see a fully functional working example here that has the modifications I've made (listed below. Also, I have geotargeting turned on and I only have live ads for US browsers. That means if you're outside the US you're not going to see this the way it was intended. You'll see something else. It is still worth a look though.):
http://www.get-stuff-free.info/iframeslicer/lindsay.htm
I modified it in the following ways so the code now has all the following features:
Now, the "locker" that appears on my example page looks like a simple enough "hey, we'll give you access if you give us your email" that was made and hosted by me. You know, like a squeeze page. But it isn't.
If you were to enter your email and hit the "Go" button, that "locker" WILL disappear as it says it will. But, I don't get your email address...I get $1.50.
The referrer is faked! It isn't blanked, but rather is faked to appear as though the lead came from a legitimate landing page of mine. You'll be able to set it up this way as well using the tutorial below.
What you're actually looking at on that example page of mine (the locker) is located just below (link in the code box), and what you're seeing on my page is the submit area of that form "sliced" (iFramed) beneath the text of my choosing (with a matching background to make sure everything has continuity):
You're going to get the code to install it, how to install it & even how to "slice" iframes. It's been tested and working in the newest versions of IE, FF & Chrome.
IF YOU DOWNLOADED THE OTHER PACKAGE FROM THE ORIGINAL THREAD ON THIS TOPIC, YOU STILL NEED TO DOWNLOAD THIS ONE. IT HAS CHANGED & ALSO HAS HAD FILES ADDED TO IT
Download this package before you begin (it contains the javascript code, the css stylesheet, CPA Redirector & Cakeslice). You'll be using CPA Redirector in conjunction with this to fake the referrer without having to worry about "leakage". You can read about the version of CPA redirector included in the package here)
File Content_Locker_File_Package.rar received on 2010.08.07 01:03:35
Result: 0/42 (0%)
Step 1: Go and get the CPA offer (email or zip submit) you want to "slice" into making it look like your offer. Get your affiliate link for that offer. Take note of it, as you'll need it later.
Step 2: Set up CPA Redirector as shown on this page (don't download it from that page, as the one included with the package you downloaded earlier is a newer version that doesn't leak the referrer. Also, leave out the part of the instructions on that page that tell you to add Code:
<?php if (prc_red()) exit(); ?>
to the first line of your header file. Don't add that line!) You'll need the affiliate link from step one to do this.
Step 3: Once you've got CPA redirector set up with the affiliate offer you got in step one, you should now have a NEW link that takes a user to your CPA offer landing page, but by faking/cloaking the referrer first. Something like: www.yoursite.com/free-crap?mn=1111 Take note of that link as you'll now need to use that in a later step.
Step 4: Create your sites content. You can do this as you normally would. You don't need to do anything differently. Simply have your site setup however you want.
Step 5: This step has been made A THOUSAND times easier through the use of CakeSlice (which was in the package you downloaded). Simply open up the CakeSlice .html file (ask it to open in IE and allow the active X control).
Now, remember that URL you should have noted from step 3 (your cpa redirector link, the one with the "magic number" after it)? Well, put that link in the upper left hand corner dialog box of the cakeslice page and wait for it to load. Now, simply click and drag the area of the lander you want to "slice". Click finish and highlight and copy the generated HTML code! That's it for slicing!
Step 6: You're almost there! Now that you've got that all set up, you need to set up what you're "locker" is going to look like. You'll set this up the same way you would set up any page content, just plain old HTML.
Paste your correct iFrame code (should have been gotten in step 5) into your favorite HTML editor and make the content above/around/below that iframe look nice. When you're finished, it should look like one "solid" thing (like my live example above), not an iFrame "sliced" from another page. Now, this is strange, but you have to do it. View the source code and get everything between the <body> </body> tags of the source code ONTO ONE SINGLE LINE (not including the body tags themselves). It should be one very long line of code. You'll need this in one second.
Step 7: Next to last step! You should have the page setup that you want to lock & you should have the code for the "locker" (as you just finished making it in step 6). We're going to merge these two and make one complete file out of it. Add the following to the <head> tag of the target page:
Make the body tag of your target page look like this:
And lastly, add this line of code directly beneath the opening body tag of the target page:
Step 8: This is it, you're finally here! All you have to do is edit the javascript file to show/rotate your ad. Remember that one big line of code you created in step 6? Well, you'll need it here.
Locate the following bit of code in that .js file you downloaded (20 lines from the top):
Change the content in red above to the long line of code you got in step 6. Now, simply upload the .css and .js files to the root folder of your website and you're good to go!
That's it! Double check to make sure everything is uploaded correctly and then visit your new page and you'll see your newly formed content locker appear!
P.S. - If you'd like to change the amount of time it takes for the locker to appear when a visitor arrives, you can do so by opening up the javascript file you downloaded and changing the number in red to the number of seconds you'd like:
Code:
var AppearDelay = 5;//Seconds before gateway appears
The same goes for how long it takes for the locker to disappear after they've entered their email address and hit submit using this line (leave at 0 for instant disappearance):
Code:
var Delay = 0;//Seconds after them clicking the link, the gateway vanishes.
First, I have to give credit to Pyronaut, as the content locker code used here is mostly his. You can find Pyronaut's original post where he gave away a free content locker (lightbox) here: Pyronauts CPA Gateway Code
Keep in mind, this IS NOT a squeeze page. It is going to look like one on my live example, but it isn't. I get a $1.50 if you were to submit your email address. What's great is that it doesn't look anything even remotely like a CPA offer. It simply looks like I'm trying to protect my content from being stole by requesting "verification".
You can see a fully functional working example here that has the modifications I've made (listed below. Also, I have geotargeting turned on and I only have live ads for US browsers. That means if you're outside the US you're not going to see this the way it was intended. You'll see something else. It is still worth a look though.):
http://www.get-stuff-free.info/iframeslicer/lindsay.htm
I modified it in the following ways so the code now has all the following features:
- Added an adjustable "tease timer" (time before the locker appears after they arrive at your site). Useful for allowing the browser to read half of your article or get half way through watching a video before they are interrupted with the content locker.
- The locker, when it appears, autoscrolls to center the locker regardless of where they were on the page when it appeared. Even if they are all the way at the bottom of your site, they'll still end up getting your locker smack dab in the middle of their screen.
- It now has a scrollbar lock so when the locker is up they can't scroll away from it and try to see your content beneath it.
- The locker immediately disappears "onsubmit" of the email address or zip. This is HUGE. This means that since we'll be "slicing" iframes into our locker, when they submit their email or zip they aren't going to see that second page.
- Geotargeting is in effect. This means that users from each country will see ads you've selected to show for those specific countries. This is important since a CPA lander meant for a US browser will show up completely differently or not at all in a browser from another country.
- Multiple ad rotation, specific to each country. That means, for example, you can get 3 ads set up for US browsers and 3 ads set up for, lets say, Canada. Now when a user from the US arrives, they'll see one of the 3 ads meant for US browsers (it changes everytime on refresh or reload). If a user from Canada arrives, they'll see one of the ads you've designated to be "okay" for Canadians to see. 3 is also just an example number. You can have as many as you want from as many different CPA networks as you want.
- Popup Appearance Control (session cookie) has also been added. If a user arrives and never gives up their email address or zip, the locker will appear every single time they arrive at your site. If however, they do give up their email address, the locker immediately disappears and WON'T SHOW UP AGAIN until the user has closed and reopened their browser and then comes back to your site. So you can set this locker to appear on every page of your site, and not have to worry about it bothering the user if they do fill it out. If they fill it out, it won't appear again!
Now, the "locker" that appears on my example page looks like a simple enough "hey, we'll give you access if you give us your email" that was made and hosted by me. You know, like a squeeze page. But it isn't.
If you were to enter your email and hit the "Go" button, that "locker" WILL disappear as it says it will. But, I don't get your email address...I get $1.50.
The referrer is faked! It isn't blanked, but rather is faked to appear as though the lead came from a legitimate landing page of mine. You'll be able to set it up this way as well using the tutorial below.
What you're actually looking at on that example page of mine (the locker) is located just below (link in the code box), and what you're seeing on my page is the submit area of that form "sliced" (iFramed) beneath the text of my choosing (with a matching background to make sure everything has continuity):
Code:
http://track.claimfreerewards.com/SplashPage.aspx?g=745cbd7e8bf243faa5358f4c860707d7&nm=01ygafe2juxn&s=&se=02You're going to get the code to install it, how to install it & even how to "slice" iframes. It's been tested and working in the newest versions of IE, FF & Chrome.
IF YOU DOWNLOADED THE OTHER PACKAGE FROM THE ORIGINAL THREAD ON THIS TOPIC, YOU STILL NEED TO DOWNLOAD THIS ONE. IT HAS CHANGED & ALSO HAS HAD FILES ADDED TO IT
Download this package before you begin (it contains the javascript code, the css stylesheet, CPA Redirector & Cakeslice). You'll be using CPA Redirector in conjunction with this to fake the referrer without having to worry about "leakage". You can read about the version of CPA redirector included in the package here)
File Content_Locker_File_Package.rar received on 2010.08.07 01:03:35
Result: 0/42 (0%)
Code:
MediaFire Link -> http://www.mediafire.com/?36d9q75211rl5km
RapidShare Link -> http://rapidshare.com/files/411490332/Content_Locker_File_Package.rar
MegaUpload Link -> http://www.megaupload.com/?d=WW4GAIJZ
http://www.virustotal.com/analisis/029ed07c92eb8677b879016f0979db4cbe1f27e94c1e6f76ca63c27e1f145f5a-1281143015Tutorial Section - Changes Have Been Made so Read Again!
Step 1: Go and get the CPA offer (email or zip submit) you want to "slice" into making it look like your offer. Get your affiliate link for that offer. Take note of it, as you'll need it later.
Step 2: Set up CPA Redirector as shown on this page (don't download it from that page, as the one included with the package you downloaded earlier is a newer version that doesn't leak the referrer. Also, leave out the part of the instructions on that page that tell you to add Code:
<?php if (prc_red()) exit(); ?>
to the first line of your header file. Don't add that line!) You'll need the affiliate link from step one to do this.
Step 3: Once you've got CPA redirector set up with the affiliate offer you got in step one, you should now have a NEW link that takes a user to your CPA offer landing page, but by faking/cloaking the referrer first. Something like: www.yoursite.com/free-crap?mn=1111 Take note of that link as you'll now need to use that in a later step.
Step 4: Create your sites content. You can do this as you normally would. You don't need to do anything differently. Simply have your site setup however you want.
Step 5: This step has been made A THOUSAND times easier through the use of CakeSlice (which was in the package you downloaded). Simply open up the CakeSlice .html file (ask it to open in IE and allow the active X control).
Now, remember that URL you should have noted from step 3 (your cpa redirector link, the one with the "magic number" after it)? Well, put that link in the upper left hand corner dialog box of the cakeslice page and wait for it to load. Now, simply click and drag the area of the lander you want to "slice". Click finish and highlight and copy the generated HTML code! That's it for slicing!
Step 6: You're almost there! Now that you've got that all set up, you need to set up what you're "locker" is going to look like. You'll set this up the same way you would set up any page content, just plain old HTML.
Paste your correct iFrame code (should have been gotten in step 5) into your favorite HTML editor and make the content above/around/below that iframe look nice. When you're finished, it should look like one "solid" thing (like my live example above), not an iFrame "sliced" from another page. Now, this is strange, but you have to do it. View the source code and get everything between the <body> </body> tags of the source code ONTO ONE SINGLE LINE (not including the body tags themselves). It should be one very long line of code. You'll need this in one second.
Step 7: Next to last step! You should have the page setup that you want to lock & you should have the code for the "locker" (as you just finished making it in step 6). We're going to merge these two and make one complete file out of it. Add the following to the <head> tag of the target page:
Code:
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="JavaScript" src="http://j.maxmind.com/app/country.js"></script>
<SCRIPT LANGUAGE="JavaScript" SRC="/gatewaysettings.js"></SCRIPT>
<link rel="stylesheet" type="text/css" href="/gatewaystyle.css" />
Code:
<body onscroll="scrolltop();">
Code:
<script language="javascript">document.write(ad);</script>Locate the following bit of code in that .js file you downloaded (20 lines from the top):
Code:
function us()
{ads =
[
'[COLOR=Red]LONG LINE OF CODE GOES HERE, IT IS THE LOCKER ITSELF. THIS WILL BE OFFER 1'[/COLOR],
'[COLOR=Red]THIS WOULD BE OFFER TWO IF YOU HAVE ONE, OTHERWISE, DELETE THIS LINE[/COLOR]'
]
ad = ads[Math.floor(Math.random()*ads.length)]
}That's it! Double check to make sure everything is uploaded correctly and then visit your new page and you'll see your newly formed content locker appear!
P.S. - If you'd like to change the amount of time it takes for the locker to appear when a visitor arrives, you can do so by opening up the javascript file you downloaded and changing the number in red to the number of seconds you'd like:
Code:
var AppearDelay = 5;//Seconds before gateway appears
The same goes for how long it takes for the locker to disappear after they've entered their email address and hit submit using this line (leave at 0 for instant disappearance):
Code:
var Delay = 0;//Seconds after them clicking the link, the gateway vanishes.
Last edited:
