artizhay
BANNED
- Nov 21, 2010
- 1,867
- 1,340
I don't think this has been posted and I think this can be quite helpful to some people. It is extremely simple but very useful.
The Idea - AKA, a probably much too long explanation
An idea I had was that I wanted to integrate a framed e-mail submit into a regular form, rather than a content locker. You know, like a regular registration form.
This can allow you:
-Make tons of money with CPA if you have a site with decent traffic that has any type of form in place.
-Harvest e-mails and complete a CPA offer in ONE step.
-Make money instantly off of every e-mail newsletter signup.
and whatever else you can think of!
You can view a demo here: http://www.artizhay.com/form-trick (there are no CPA or e-mail inputs there; it shows the general concept)
The problem I initially thought I had was that I'd have to ask the user to click submit twice, once for the CPA and once for my actual form. Then I thought, well maybe I could get the CPA frame to submit once the user submits my form. However, current Web rules prohibit control over another website through frames, code, etc. But then I realized, all I really needed to do was submit my form once the CPA offer was submitted.
Implementation methods, if you haven't thought of any yet, are basic yet potentially very profitable. First of all, the submit button for the e-mail submit acts as your form's submit. When the user clicks "submit" on the CPA form, they think they're submitting your form. And technically, they are, because with a simple code, when the CPA is submitted, so is your form.
A way you can add this to any existing form is by asking the user to enter their e-mail twice for confirmation. Your CPA offer must always be at the bottom of the form, because the submit button has to go there and no form has input values below the submit button...duh.
The Method, Code, Tutorial, Whatever
So if you didn't view the demo already, the way this works is by following the same principle used for the custom gateway scripts around here. That is:
When a page is added to the browser's history, perform an action - for gateways, this action is dropping the gateway.
So to start, frame your offer. If you don't use GODcpa already or don't know how to frame an offer, check out this thread:
http://www.blackhatworld.com/blackhat-seo/black-hat-seo-tools/224283-free-content-gateway-geotarget-rotate-offers-session-cookies-instructions.html
That thread is for a content gateway, but it also covers framing, so it would be pointless to explain framing here.
Or just download GODcpa. It's what I use and it's simple.
Here we go:
Step 1. Frame your offer. Only frame the e-mail box and the submit button.
Step 2. Add your offer into an existing form or make a new form. I'm going to assume you know how to make a form. For this tutorial, I'm using some bare bones HTML.
Your CPA iframe code should be very simple, something like this:
It will probably have some other attributes to make sure the offer is framed correctly. Drop the offer into the bottom of the form like so.
The blue text needs to be changed to ANY form name you want or already have. The red text is, of course, the page that is going to process your form's data. And the yellow text would need to be changed to your CPA framed page.
Step 3. Add some javascript to submit the form. Here is my whole code.
Let's cover this code to see what it does:
var oldHistory = history.length; - this sets a variable that stores the length (page count) of your browser's history once the page had loaded.
setInterval("checkHistory()", 1000); - this tells the script to run the function checkHistory() every 1 second or 1000 milliseconds.
function checkHistory() { - begins a function.
if (oldHistory < history.length) { - if the variable oldHistory has a number that is less than the current history length, perform an action.
document.testForm.submit(); - this submits your form; you must change the blue text to your form's name.
You drop that code into the <head> of your document like so.
Now when a user submits the CPA offer, the iframe moves to the second page of the CPA offer, but the history length is now longer than it was when the page loaded, so the javascript submits the form.
After submitting the form, you would have a page that processes the data. You can store the e-mail in a database, or do whatever else you need to do with it. I'm assuming you already know what to do with the data.
Tips, Ideas, Rambling
First, I would like to say that if you are already using the GODcpa method of harvesting an e-mail after your CPA has been filled out, you need to switch to this method. A user would much rather their e-mail twice at the same time rather than after submitting the CPA offer and finding out they need to enter an e-mail again.
I take my framing very seriously. I like it to look seamless and professional for maximum conversions. So take some time to make sure your e-mail input (on your form, not the CPA e-mail input) matches the size of the CPA input. If the CPA input is longer than your e-mail input, change your input. If it's shorter, change your input. You can do so like:
and change the blue text to the width in pixels. Play around till you get it right.
Also, if the CPA input is styled differently than all of your input boxes, restyle your inputs to match. The idea is to keep everything very low-profile. The human eye is naturally attracted to imperfections. If your CPA input does not match your regular inputs, it's like having every wall of your house a different clashing color. It makes you go "wtf." Learn some CSS to do this if you don't know how.
Don't put all your eggs in one basket. Anyone here will tell you that. I like to rotate my offers between different advertisers and CPA networks. I do so by storing tons of data in a PHP array. If you know a little PHP, here's a basic array of mine.
I rotate them by using the code:
and continue on with the variables after $file. Then I use the variables on my page to make the offer seamless by matching backgrounds with the offer, using suitable text colors, etc. However, I use this for content gateways, but for the above method, you really only need the width of the text box. If your CPA offers have a border around the input, you could also store the border color to change yours on the fly.
So after compiling an array, choosing a random id, and setting your variables, you'll have variables called "width" and "file" (or "url") or something that you choose. So then, going back to our code earlier to rotate your offer and change your text box width
Now your iframe source (CPA offer) will be whatever you stored in the array as your offer's filename or URL, and your text box will be the width of your variable $width, which should be equal to the width you stored in your array for that particular offer.
Let me know your thoughts and if you find this useful.
The Idea - AKA, a probably much too long explanation
An idea I had was that I wanted to integrate a framed e-mail submit into a regular form, rather than a content locker. You know, like a regular registration form.
This can allow you:
-Make tons of money with CPA if you have a site with decent traffic that has any type of form in place.
-Harvest e-mails and complete a CPA offer in ONE step.
-Make money instantly off of every e-mail newsletter signup.
and whatever else you can think of!
You can view a demo here: http://www.artizhay.com/form-trick (there are no CPA or e-mail inputs there; it shows the general concept)
The problem I initially thought I had was that I'd have to ask the user to click submit twice, once for the CPA and once for my actual form. Then I thought, well maybe I could get the CPA frame to submit once the user submits my form. However, current Web rules prohibit control over another website through frames, code, etc. But then I realized, all I really needed to do was submit my form once the CPA offer was submitted.
Implementation methods, if you haven't thought of any yet, are basic yet potentially very profitable. First of all, the submit button for the e-mail submit acts as your form's submit. When the user clicks "submit" on the CPA form, they think they're submitting your form. And technically, they are, because with a simple code, when the CPA is submitted, so is your form.
A way you can add this to any existing form is by asking the user to enter their e-mail twice for confirmation. Your CPA offer must always be at the bottom of the form, because the submit button has to go there and no form has input values below the submit button...duh.
The Method, Code, Tutorial, Whatever
So if you didn't view the demo already, the way this works is by following the same principle used for the custom gateway scripts around here. That is:
When a page is added to the browser's history, perform an action - for gateways, this action is dropping the gateway.
So to start, frame your offer. If you don't use GODcpa already or don't know how to frame an offer, check out this thread:
http://www.blackhatworld.com/blackhat-seo/black-hat-seo-tools/224283-free-content-gateway-geotarget-rotate-offers-session-cookies-instructions.html
That thread is for a content gateway, but it also covers framing, so it would be pointless to explain framing here.
Or just download GODcpa. It's what I use and it's simple.
Here we go:
Step 1. Frame your offer. Only frame the e-mail box and the submit button.
Step 2. Add your offer into an existing form or make a new form. I'm going to assume you know how to make a form. For this tutorial, I'm using some bare bones HTML.
Your CPA iframe code should be very simple, something like this:
Code:
<iframe src="[color=yellow]YOUR-SUPER-COOL-OFFER-HERE[/color]"></iframe>
Code:
<html>
<body>
<form name="[color=blue]testForm[/color]" action="[color=red]page2.php[/color]" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<iframe src="[color=yellow]YOUR-SUPER-COOL-OFFER-HERE[/color]"></iframe>
</form>
</body>
</html>Step 3. Add some javascript to submit the form. Here is my whole code.
Code:
<script type="text/javascript">
var oldHistory = history.length;
setInterval("checkHistory()", 1000);
function checkHistory() {
if (oldHistory < history.length) {
document.[color=blue]testForm[/color].submit();
}
}
</script>var oldHistory = history.length; - this sets a variable that stores the length (page count) of your browser's history once the page had loaded.
setInterval("checkHistory()", 1000); - this tells the script to run the function checkHistory() every 1 second or 1000 milliseconds.
function checkHistory() { - begins a function.
if (oldHistory < history.length) { - if the variable oldHistory has a number that is less than the current history length, perform an action.
document.testForm.submit(); - this submits your form; you must change the blue text to your form's name.
You drop that code into the <head> of your document like so.
Code:
<html>
<head>
<script type="text/javascript">
var oldHistory = history.length;
setInterval("checkHistory()", 1000);
function checkHistory() {
if (oldHistory < history.length) {
document.[color=blue]testForm[/color].submit();
}
}
</script>
</head>
<body>
<form name="[color=blue]testForm[/color]" action="[color=red]page2.php[/color]" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<iframe src="[color=yellow]YOUR-SUPER-COOL-OFFER-HERE[/color]"></iframe>
</form>
</body>
</html>Now when a user submits the CPA offer, the iframe moves to the second page of the CPA offer, but the history length is now longer than it was when the page loaded, so the javascript submits the form.
After submitting the form, you would have a page that processes the data. You can store the e-mail in a database, or do whatever else you need to do with it. I'm assuming you already know what to do with the data.
Tips, Ideas, Rambling
First, I would like to say that if you are already using the GODcpa method of harvesting an e-mail after your CPA has been filled out, you need to switch to this method. A user would much rather their e-mail twice at the same time rather than after submitting the CPA offer and finding out they need to enter an e-mail again.
I take my framing very seriously. I like it to look seamless and professional for maximum conversions. So take some time to make sure your e-mail input (on your form, not the CPA e-mail input) matches the size of the CPA input. If the CPA input is longer than your e-mail input, change your input. If it's shorter, change your input. You can do so like:
Code:
<input type="text" name="email" style="width:[color=blue]20[/color]px;">Also, if the CPA input is styled differently than all of your input boxes, restyle your inputs to match. The idea is to keep everything very low-profile. The human eye is naturally attracted to imperfections. If your CPA input does not match your regular inputs, it's like having every wall of your house a different clashing color. It makes you go "wtf." Learn some CSS to do this if you don't know how.
Don't put all your eggs in one basket. Anyone here will tell you that. I like to rotate my offers between different advertisers and CPA networks. I do so by storing tons of data in a PHP array. If you know a little PHP, here's a basic array of mine.
PHP:
$offers = array(
1 => array(
"file" => "offers/1.php",
"background" => "#589753",
"text" => "#989320",
"width" => "233",
"frameHeight" => "30",
"historyOffset" => "1",
"network" => "Lala Network"
),
2 => array(
"file" => "offers/2.php",
"background" => "#534443",
"text" => "#089948",
"width" => "400",
"frameHeight" => "60",
"historyOffset" => "0",
"network" => "Grr Network"
)
);
PHP:
$id = array_rand($offers);
$file = $offers[$id]["file"];So after compiling an array, choosing a random id, and setting your variables, you'll have variables called "width" and "file" (or "url") or something that you choose. So then, going back to our code earlier to rotate your offer and change your text box width
Code:
<input type="text" name="email" style="width:[color=blue]<?=$width;?>[/color]px;"><br>
<iframe src="[color=yellow]<?=$file;?>[/color]"></iframe>Let me know your thoughts and if you find this useful.
Last edited:
