[TUTORIAL] Integrate CPA Frames in Regular Form

This is great. Only thing I notice is that with IE the form is centered in your sample page but with FF4 it is not. :/

cheesecake said:

This is great. Only thing I notice is that with IE the form is centered in your sample page but with FF4 it is not. :/

Click to expand...

Thank you.

It might be centered because of the focus in the text field. I didn't do any special formatting because it was a 2-minutes-to-make example, so the browser renders it how it wants. It's only a search engine page anyway, not a CPA offer.

If you use more robust programs, such as GODcpa or Cakeslice, to frame your offers, you'll be able to position them however you want. I find GODcpa is better for cross-browser positioning, though you can achieve the same results in Cakeslice with a little manual modifications.

Great tutorial I appreciate the tips

the error I think I am seeing is when you use this method in IE with an offer that is either redirecting and/or takes more than 1 second to load, it catches a change in the browser history as soon as the offer frame loads and submits your form.

I'm trying to find a fix to wait for the frame to load.. wondering if anyone else has seen this issue?

EDIT: i was using referer.us to blank the referer in the iframe src, and once i removed it, it works fine in IE

gnote said:

Great tutorial I appreciate the tips

the error I think I am seeing is when you use this method in IE with an offer that is either redirecting and/or takes more than 1 second to load, it catches a change in the browser history as soon as the offer frame loads and submits your form.

I'm trying to find a fix to wait for the frame to load.. wondering if anyone else has seen this issue?

EDIT: i was using referer.us to blank the referer in the iframe src, and once i removed it, it works fine in IE

Click to expand...

Yeah referer.us works differently in different browsers, as far as javascript history.length is concerned.

There are many ways to fix it, such as figuring out which browser your visitor is using and then modifying the javascript accordingly, such as waiting for 2 changes in browser history rather than 1 in IE, etc.

One I often use is putting an invisible div element over the iframe and then waiting for the user to click on it before counting the history length. Because once the user clicks on it, it means 99% of the time that the frame is fully loaded, so they're clicking on it to enter data.

However, if you want to avoid the hassle but still want to fake or blank the referer, you can host your iframes on another domain. So one whitehatsite.com, you can make myframe.html with the following:
with of course other standard styling such as body/html/iframe margin/padding in CSS, etc.

Then on blackhatsite.com, you load your HTML file like so:
with the same dimensions and settings, so then your referer will show up as whitehatsite.com even though your users are viewing it on blackhatsite.com