Mobile/Desktop Locker Redirection! Optimize your landing pages for better results

TaAaZZ28

Regular Member
Joined
Aug 31, 2014
Messages
259
Reaction score
116
Hello,

I missed out on over $5000 since I started because I didn't do this. You need to optimize your landing pages with different lockers in order to make the best possible revenue.

I was using a single network (OGAds) which is great for mobile CPI offers but not so effective when it comes to desktop offers, on the other hand, another network (CPAGrip) works great for desktop traffic but lacks CPI offers which convert better with mobile traffic.

My website receives around 80% mobile traffic and 20% desktop traffic. I made the mistake of ignoring this 20% and focussing on only 80% with OGAds.

The day before yesterday I looked into the various stats and found my desktop traffic to be underperforming. With over 1000 clicks, only 9$ revenue (This is mixed traffic, 34% US).

Many of you already do this but I couldn't find the solution easily so here it is.

You need to make a Desktop Locker page (Or you can use a direct locker link) and a page for redirection.

Redirection Code
You upload this page to your root folder with 'verify.html' name. We assume the link to be domain.com/verify.html
HTML:
<html>

<head>
    <title>
        Human Verification
    </title>

    <script type="text/javascript">
        <!--
        if (screen.width >= 800) {
            window.location = "http://domain.com/desktoplocker.html"; // Desktop Locker Link / Page
        } else {
            window.location = "https://www.MOBILELOCKERLINK.com/cl.php?id=8f8639e8074abd89837e4240"; // Mobile Locker Link / Page
        }
        // Credits @ TaAaZZ
    </script>
</head>

<body>
</body>

</html>

Desktop Locker
You can use direct locker link or make this page for lockers which load using the onClick function. You upload this to root folder with 'desktoplocker.html' name.
Code:
<html>

<head>
    <title>
        Human Verification
    </title>
    <script type="text/javascript" src="https://bitrackes.com/script_include.php?id=58XX8">
        // Desktop Locker Include Link
    </script>
</head>

<body onload="call_locker();" style="background:url('https://i.imgur.com/DylSUHt.png')">
</body>

</html>

Then you make changes to your existing landing pages, where you directly link the domain.com/verify.html page on your call to action button (ie Verify Human Verification, Complete Survey etc)

Results on Desktop Locker
upload_2017-12-11_13-25-50.png


Hope this helped. It's a really simple piece of code but really effective.
 
Are these those kinds of locker that redirect a part of ur traffic to the offer of the script maker?
 
Are these those kinds of locker that redirect a part of ur traffic to the offer of the script maker?

Sorry, I don't get what you are trying to imply. There are just simple scripts which check if the user is on mobile or desktop and then redirect them to your mobile or desktop locker accordingly.
 
Usually when the traffic is redirected to a 3rd party website the traffic will be shaved....meaning u OP or the owners of those webistes will steal a portion of the traffic, showing their offers instead of yours, redirected to them....thats what i'm implying.
 
Usually when the traffic is redirected to a 3rd party website the traffic will be shaved....meaning u OP or the owners of those webistes will steal a portion of the traffic, showing their offers instead of yours, redirected to them....thats what i'm implying.
No mate there is no such thing in these scripts, these are simple scripts where you will edit and enter your locker's link.
 
TaAaZZ28, the idea is cool, but the script has a problem:

The mobile phone detection will fail on most modern phones, because the screen width of modern phones is usually higher than 800 pixels.
So those phones will see the desktop version, if you use this script.

What I am doing is using this script to detect desktop traffic. It will redirect to desktop.html:
<script>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){;}else{window.location="desktop.html";}</script>

The detection is also not perfect. It will fail on browsers, where the user changed the user agent.
I'm currently searching for a better solution.
 
TaAaZZ28, the idea is cool, but the script has a problem:

The mobile phone detection will fail on most modern phones, because the screen width of modern phones is usually higher than 800 pixels.
So those phones will see the desktop version, if you use this script.

What I am doing is using this script to detect desktop traffic. It will redirect to desktop.html:
<script>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){;}else{window.location="desktop.html";}</script>

The detection is also not perfect. It will fail on browsers, where the user changed the user agent.
I'm currently searching for a better solution.
Yes, I figured this. When I was writing the solution in the thread, I thought that this will be a huge problem..but after running it for few days the difference was not that much. Not all modern smartphones redirected to desktop lander, only some did. Your solution is better though, I will edit it a bit to detect more devices and browsers.
 
Just an update for a better mobile device detection. I'm checking now if the device supports touch gestures.
It fails detecting only on desktop PCs that have touchscreens (which are rather rare) and should detect all real phones as mobile devices.

here is the code I am using:
msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture,
touchSupport = (("ontouchstart" in window) || msGesture || window.DocumentTouch && document instanceof DocumentTouch);
if (touchSupport)
window.open('mobile.html');
else
window.open('desktop.html');
 
Sorry, I can't see how to edit my previous post to correct an error:

So "window.MSGesture," should be "window.MSGesture;"
 
Sorry, I can't see how to edit my previous post to correct an error:

So "window.MSGesture," should be "window.MSGesture;"

Hi, sorry for asking i cant figure it out. So i should create mobile.html and copy this code to it?
"msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture;
touchSupport = (("ontouchstart" in window) || msGesture || window.DocumentTouch && document instanceof DocumentTouch);
if (touchSupport)
window.open('mobile.html');
else
window.open('desktop.html');"

And then create desktop.html and copy this code?
"<script>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){;}else{window.location="desktop.html";}</script>"

Thanks for your time. I am missing something. (I am using onClick function)
 
Back
Top