可以提高ROI的 Landing Page 代码

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

调出geo位置参数

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

<script type="text/javascript" src="https://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页面,但是现在还是有效的。

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