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页面，但是现在还是有效的。
有些代码也会随着升级而实效，使用之前请自行测试效果。
同时回退及popunder的代码
var back_url = 'https://track.xrbeem.com/click/2'; // back button url
function getURLParameter(name) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] === name){return pair[1];}
}
return "";
}
function getURLParam_default(input, standard) {
var result = getURLParameter(input);
if (result == "" || result == undefined) {
result = standard;
}
return result
}
var base_url = getURLParam_default('domain', 'track.xrbeem.com');
base_url = 'https://' + base_url + "/"
var offer_url = base_url + 'click/1'; // main offer url
var split_url = base_url + 'click/3';// GO
function go() {
window.onbeforeunload = null;
window.open(offer_url);
document.location.assign(split_url);
}
// BACK
var t;
try {
for (t = 0; 10 > t; ++t) history.pushState({}, "", "");
onpopstate = function(t) {
// window.onbeforeunload = null;
t.state && location.replace(back_url);
}
} catch (o) {}将track.xrbeem.com换成自己跟踪器的域名，offer换成自己的即可
发表评论