Landing Page Code – That Can Increase Your ROI


In marketing you need every advantage you can get.

A landing page is one of those advantages.

But are you squeezing…

….every bit of ROI possible from your traffic?

What if a few lines of code could increase your profits?

Introducing:

9 Actionable Best Ways To Increase Your ROI With Code

Free Book:** Free Book! 108 Proven Split Test Winners!**

One of the best ways to find new landing page code, is to spy on your competitors landing pages.

Geo-Location Call Out

Calling out a users location is a great way to get their attention! To do this some options are free, others are paid. In this example I will be using a free option, that I have found works well in the US. The first thing you need to do is add this piece of Javascript in theof your document. Also, make sure that you have JQuery being called on your page.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script type="text/javascript" src="http://www.jsgeoip.com/geoip.js"&gt;&lt;/script&gt;

Next you need to add a bit of JQuery.

Be sure to add a line for EACH time you’re going to call the location.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script&gt;
$(document).ready(function() {
    $('#city').html(geoip_city());
    $('#city2').html(geoip_city());
    $('#city3').html(geoip_city());
    $('#city4').html(geoip_city());
});
&lt;/script&gt;

Now whenever you add the following code to your landing page, it will dynamically insert their city.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;span id="city"&gt;{cityname}&lt;/span&gt;
&lt;span id="city2"&gt;{cityname}&lt;/span&gt;

Like I mentioned this is the free option, so it’s not as accurate as it could be.

If you need a more reliable option, check out: Maxmind

You can also call out, State, Country & Zip code

The free option works best with Wifi traffic but fails with carrier traffic.

Use Geo-Location Call Outs To Increase Conversion Rates!  #PPC #CRO

Click To Tweet

Date Call Out

There is nothing better to make a sense of urgency….

….then knowing something may not be here tomorrow.

To do this you can use Javascript to do date call outs.

Now there are quite a different variations of this script.

But

This one should give you a basic idea!

First you’ll want to add this bit of Javascript in between yourtag.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script&gt;
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();

if(dd&lt;10) {
    dd='0'+dd
}

if(mm&lt;10) {
    mm='0'+mm
}

today = mm+'/'+dd+'/'+yyyy;
&lt;/script&gt;

You will then add the following code where ever you want the current date to show up.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
document.write(today);

Use date callouts to create a sense of urgency on your landing pages. #CRO

Click To Tweet

Random Count Down

Another way to add a sense of urgency to your landing pages, is to add a random count downtimer.

As an example:

“There are only 17 ebooks left”

With this code it would randomly count down to 0 making it look like others are claiming your offer in real time.

First add this bit of code in thesection of your page.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script&gt;

var timer;
function startCount()
{
    timer = setInterval(count, 100); // 200 = 200ms delay between counter changes. Lower num = faster, Bigger = slower.
}
function count()
{
    var do_wait = Math.ceil(4*Math.random());
    if (do_wait == 4) {
        var rand_no = Math.ceil(25*Math.random()); // 9 = random decrement amount. Counter will decrease anywhere from 1 - 9.
        var el = document.getElementById('counter');
        var currentNumber = parseFloat(el.innerHTML);
        var newNumber = currentNumber - rand_no;
        if (newNumber &gt; 0) {
            el.innerHTML = newNumber;
        } else {
            el.innerHTML = '&lt;font color="red"&gt;Closed&lt;/font&gt;';  // This message is displayed when the counter reaches zero.
        }
    }
}
startCount();
&lt;/script&gt;

Feel free to change the setting however you see fit.

Currently the code is setup to count down randomly until it hits 0.

Once it does it will then say Closed in red.

Next you need to add your actual number you would like to count down.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">

&lt;div id="counter"&gt;772&lt;/div&gt;

The above code will start from the number 772 and count down pretty quickly.

Use random count down timers to make your vistors take action. #CRO

Click To Tweet

Pop-Under Domination

Having a user click on your landing page is great.

Now imagine converting the same user TWICE!

That’s exactly what this code does.

First you’ll need to add a bit of Javascript to your landing page CTA.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;a onclick="launchpopLink();" target="_blank"  href="http://MAIN-OFFER.com"&gt;CTA&lt;/a&gt;

Then add a bit of Javascript anywhere in between thetag of your page.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script &gt; /*&lt;![CDATA[*/     var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") {.figure-img .img-fluid} &gt; 0;

function launchpopLink() {

    url = "http://POPUNDER-CAMPAIGN.com";
    document.location.assign(url);
    if (isSafari) {
        window.open("http://MAIN-OFFER.com", "_blank") {.figure-img .img-fluid}
    }
    return false
}; /*]]&gt;*/ &lt;/script&gt;

This code currently works with both iOS, Android and most Desktop browsers.

When the visitor clicks on your CTA link your main offer is opened in a new window.

While your secondary offer is redirected in the original window.

If you’re using a tracker I suggest tracking the under-pop in an entirely new campaign.

Some traffic sources may not allow pop-unders in your funnel.

Use popunders on your marketing funnel for a second chance to pre-sell your vistor. #CRO

Click To Tweet

Audio Blast

Simply put annoying your users may increase your convertion rate!

I put audio on a few of my pages and most of the time I seen a boost in ROI.

*Hint use “alert” sounds or hire a voice actor to help pre-sell your offer.

You can use Fiverr to hire a highly energetic female to voice record your audio script.

I recommend your audio be between 2-3 seconds for “alerts”.

While being 15-30 seconds for voice actors.

All you have to do is add this in thetag of your landing page.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;audio controls autoplay&gt;
  &lt;source src="alert.ogg" type="audio/ogg"&gt;
  &lt;source src="alert.mp3" type="audio/mpeg"&gt;
 &lt;/audio&gt;

The above code works with most modern day browsers.

Use audio scripts to verbally sell to your vistors

Click To Tweet

Mobile Vibrate

With the introduction of HTML 5 some browser allow you to make the vistors phone vibarte.

This is pretty badass, but it only works on some browers.

Currently only Android Firefox & older versions of Chrome.

To make the vistors phone vibrate for 1 second simply add this code in between yourtag.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script&gt;
navigator.vibrate(1000);
&lt;/script&gt;

If you want to make the vibrating stop add the following code

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
navigator.vibrate(0);
navigator.vibrate([]);

Mobile phones can vibrate from the browser. Use this to increase your convesion rates

Click To Tweet

Pop Up Alert

A great way to grab the users attention is a good old Javascript alert.

This one is quite simple but still worth a test for any landing page.

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script&gt;
alert("Hello! I am an alert box!!") {.figure-img .img-fluid};
&lt;/script&gt;

*I have a ninja way to using alert boxes that I don’t want public.
– It’s included in my example code

 

Free Book:** Free Book! 108 Proven Split Test Winners!**

Pop Up alerts are a great way to grab your visitors attention!

Click To Tweet

Dynamic Call-Outs

If you havn’t learned by now…

…the more you can call out about your visitor, the better!

Anything you can pass through the url can be dynamically added to your page.

This works GREAT for Facebook traffic, if you split your campaigns up properly.

First you’ll want to pass a string along with your url.

For example:

<pre class="brush: plain; title: ; notranslate" title="">
http://YOUR-SITE.com?keyword=PPCMODE

Now if your page is PHP simply add this code where ever you want the url parameter keyword to by dynamically inserted.

<pre class="brush: plain; title: ; notranslate" title="">
&lt;?php echo($_GET["keyword"]) ?&gt;

This is a pretty simple addition but with passing the right data through your url it can get very powerful.

<pre class="brush: plain; title: ; notranslate" title="">
http://YOUR-SITE.com?gender=male&age=26&job=farmer

You get the idea, pretty damn powerful!

Use dynamic call outs on your landing page by passing data through the url

Click To Tweet

Second Chance Back-Button

Now this is a bit more “aggressive” and most sources wont allow it.

It also isn’t the best user experience for your visitors…

…but if ROI is what you’re after, this sure can deliver!

The first bit of code you’ll want to add right after yourtag.

What it does is “modifies” the users browser history.

This allows you to to send them where ever you want when they click the forward & backward button.

Pretty ridiculous I know!

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;script type="text/javascript"&gt;
 window.history.pushState('other.html', 'Other Page', 'other.html');
 window.history.pushState('initial.html', 'Initial Page', 'initial.html');
&lt;/script&gt;

&lt;script type="text/javascript"&gt;
 window.addEventListener("popstate", function(e) {
    if(document.URL.indexOf("other.php") {.figure-img .img-fluid} &gt;= 0){
    document.location.href = document.location;
    }
 });
&lt;/script&gt;

Two files need to be added into the same directory as your landing page:
intial.html
other.html

These files can be named whatever you want just be sure to modify the code above.

In both the intial.html & other.html you need the following code:

<pre class="brush: plain; collapse: true; light: false; title: ; toolbar: true; notranslate" title="">
&lt;html&gt;
&lt;head&gt;&lt;meta http-equiv="refresh" content="0;url=http://BACK-BUTTON-OFFER.com" /&gt;&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;

Now whenever the visitor clicks the back button they will be redirected to your next offer.

Warning this causes a loop for the user and no matter how much they click the back button they will never be able to leave…

…goes without saying that many traffic sources don’t allow this.

Direct your user to a second chance offer when they hit the back button with this script

Click To Tweet

I hope to hear some success stories with the use of this tricks.

Also, if you ever find a useful piece of code please share it in the comments below.

Every-time I find some useful code I will add it to this post.

Free Book:** Free Book! 108 Proven Split Test Winners!**

Blog Comments powered by Disqus.