可以提高ROI的 Landing Page 代码

Landing Page又简称lander，LP，是CPA一个非常重要的环节，特别是付费流量上， 优化的每一个细节都可能影响你的盈利。在跑大人offer，这个Banner让我收入1万美元 这篇文章中提到了landing page的一些技巧和代码，之前有同学希望具体的代码贴出来，现在整理出来。

调出geo位置参数

当用户到达landing page，如果标明Ta们的地理位置，可以提高关注度，让他们有特别为他们设计的感觉。这种策略很容易通过代码实现，有付费的，也有免费方法，下面提供一种免费方法，首先要把下面的Javascript放到你的lander里面。

<script type="text/javascript" src="http://www.jsgeoip.com/geoip.js"></script>

<script>
    $(document).ready(function() {
        $('#city').html(geoip_city());
        $('#city2').html(geoip_city());
        $('#city3').html(geoip_city());
        $('#city4').html(geoip_city());
    });
</script>

然后在需要调用的地方增加以下的代码:

<span id="city">{cityname}</span>
    <span id="city2">{cityname}</span>

这是一个免费方法，不是很准确，而且对wifi有效，如果是手机运营商不能识别，更准确的工具 Maxmind，可以跳出国家、地区、区号等。

调用日期

有时候会使用倒计时之内的小技巧，制造一种紧迫感，这种代码很很多，下面是基本的一种代码

    <script>
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();

    if(dd<10) {
        dd='0'+dd
    }

    if(mm<10) {
        mm='0'+mm
    }

    today = mm+'/'+dd+'/'+yyyy;
    </script>

在输入插入时间的地方插入代码：

 document.write(today);

随机计数

另一种为登陆页面添加紧迫感的方法是添加一个随机计数时间。

举个例子：“只剩下17本电子书”。使用此代码，它会随机倒计时到0，使其看起来有其他人在做同样的事情

首先在页面的这些部分添加这段代码

  <script>

    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 > 0) {
                el.innerHTML = newNumber;
            } else {
                el.innerHTML = '<font color="red">Closed</font>';  // This message is displayed when the counter reaches zero.
            }
        }
    }
    startCount();
    </script>

您可以根据需要随意更改设置。目前，代码设置为随机倒计时直到达到0。一旦计数到0，它就会显示红色。

接下来，添加您想要倒计时的实际数字。

<div id="counter">772</div>

Pop-Under 

这个可以让你的landing page再次在底层弹出一个新的页面，或者调转到另外一个offer，一个click，有了两次转换的机会。

首先，您需要在登录页面CTA中添加一些Javascript

 <a onclick="launchpopLink();" target="_blank"  href="http://MAIN-OFFER.com">CTA</a>

在你的页面底部加入一段代码：

  <script >
       var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor");

    function launchpopLink() {

        url = "http://POPUNDER-CAMPAIGN.com";
        document.location.assign(url);
        if (isSafari) {
            window.open("http://MAIN-OFFER.com", "_blank");
        }
        return false
    };
</script>

http://POPUNDER-CAMPAIGN.com 替换原LP弹出的链接；http://MAIN-OFFER.com （替换）是在一个新的页面打开的offer 链接

此代码目前适用于iOS，Android和大多数桌面浏览器。当访问者点击CTA链接时，主offer链接将在新窗口中打开。

您的第二offer链接会在原始窗口中重定向。如果使用了跟踪系统，建议您在一个全新的广告系列中pop under。

警告：某些流量来源可能不允许使用pop-unders，比如本身就是pop流量，那是不能再使用弹窗的。但是一般display广告，比如banner广告好像没有禁止。因此请自行承担风险。

音频效果（警报声之类）

在landing page使用音效，一般都能够更加吸引用户注意，和提高转换率。举例，杀毒应用推广就很多用到。

或者插入其他“提醒”声音，或者录音等等。在着陆页插入一下代码：

  <audio controls autoplay>
      <source src="alert.ogg" type="audio/ogg">
      <source src="alert.mp3" type="audio/mpeg">
     </audio>

但也不要注意，有些network是禁止声音的。

手机震动

随着HTML 5的推出，一些浏览器允许您使访问者的手机振动。但它只适用于某些浏览器，目前只有Android Firefox和旧版Chrome。要使手机振动1秒钟，只需在您的标签之间添加此代码即可。

 <script>
    navigator.vibrate(1000);
    </script>

停止震动

   navigator.vibrate(0);
    navigator.vibrate([]);

同样，这种代码会对用户造成很大的骚扰，而且流量源和联盟都可以禁止使用，慎用！！！

弹出对话框

吸引用户注意力的一个好方法是弹出Javascript警报。

很简单，但仍然值得测试

  <script>
  alert("Hello! I am an alert box!!");
  </script>

阻止退出

这个代码的作用就是在用户点击返回按钮的时候，实际上是不断跳转另外的链接，只要访问者点击后退按钮，他们就会被重定向到您的下一个offer。

警告这会导致用户无限循环，无论他们多少点击后退按钮，他们将永远无法离开…（除非关闭浏览器）

这个对用户十分不友好，有点“侵略性”也是很多流量源和联盟禁止使用的，自行承担使用后果。

   <script type="text/javascript">
     window.history.pushState('other.html', 'Other Page', 'other.html');
     window.history.pushState('initial.html', 'Initial Page', 'initial.html');
    </script>

    <script type="text/javascript">
     window.addEventListener("popstate", function(e) {
        if(document.URL.indexOf("other.php") >= 0){
        document.location.href = document.location;
        }
     });
    </script>

需要将两个文件添加到与目标网页相同的目录中：

intial.html
other.html

这些文件可以任意命名，只需确保修改上面的代码即可。

在intial.html和other.html中，加入以下代码：

    <html>
    <head><meta http-equiv="refresh" content="0;url=http://BACK-BUTTON-OFFER.com" /></head>
    <body>
    </body>
    </html>

以上就是一些提高转化和利润的LP代码，随着浏览器的不断升级和政策赶紧，例如Chrome就曾经传出要禁止POP页面，但是现在还是有效的。

有些代码也会随着升级而实效，使用之前请自行测试效果。