如何修复下载的着陆页

James

经常有人问，下载的 landing page 到底应该如何修复？

今天我们就好好写文章回复一下大家。

首先声明，我并不是编程高手，我个人几乎无法从零开始编写一个完整的 landing page。

我也经常需要找人帮忙。

所以，我讲的内容，可能正好是提出这些问题的人所需要的内容。

为什么还没有盈利的 Campaign，就要开始自定义 landing page？

去 spy 来的 landing page 质量都是可以的，用来测试 Offer 好坏非常合适，所以我基本上总是使用 spy 来的 landing page 测试 offer。

而下载下来的 landing page 的问题在于，它们的代码总是有点乱糟糟，有时候会无法正常工作或者显示有有点问题。

下面我就讲一下下载到的 landing page 我们通常需要进行哪些修复。免责声明：我仅凭个人经验分享，并不是 100% 准确的方法，不过我分享的代码片段应该是正确的，因为我自己就在用。

1、修复从 URL 获取参数的功能

有时候你会看到一些位置是需要提示用户本身的信息的，比如手机品牌、型号、运营商、浏览器、ISP运营商、城市等等。它们的格式通常看起来如下：

（具体代码见课程附件）

代码片段一：

代码片段二：

不过也可能出现没有“getURLParameter”函数的：

代码片段三：

经常会发生的情况是，spy 下来的 landing page 会丢失 “getURLParameter” 函数，你就必须自己手动把它粘贴回去就没问题了：

代码片段四：

2、移除过去的日期和时间

landing page 上经常会出现日期和时间，一般都是自动生成的当下时间。有时候 landing page 下载的时候的时间也会显示上去，这个要删掉，否则你实际运行的时候就会看到两个时间同时出现。

案例：

代码片段五：

这里，“document.write(dayNames[now.getDay()]);”会自动显示出星期几，所以你就要把 “Friday” 删掉。

另一个案例：

代码片段六：

这里，“document.write(""+montharray[month]+" "+daym+"")”会把当前的月份和日期显示，所以你要把就的日期时间删除“June 04 12:01 am”，因为这部分是过时的，多余的了。

3、替换跳转链接

这是最重要的修复内容。我们要把访客发送到我们自己的跳转链接，所以你必须把旧的换成你自己的。下面是有些你可能碰到的跳转链接。

1）追踪链接

你要把所有追踪链接都换成你自己的。如果你使用的是 Voluum，你可以在“Tracking URLs”标签复制“Click URL”：

（“Multi-offer click URL”是你想要在你的 landing page 上推多个 offer 的时候使用的。比如，如果你跑的是 sweeps，你可以提供多个不同的抽奖选择，让用户自己选择它们想要的奖品，比如 iphone、三星手机、ipad，然后在用户选择以后跳转他们到响应的链接。要实现这个目标，你只要如图，在原本的链接后面加上“/1”、“/2”、“/3”等等，不管你有多少个 offer 都可以。然后，在你创建 Voluum Campaign 的时候，确保你添加 offer 的顺序是一致的。注意：这个和轮流测试不同 offer 是两码事。）

下面是你 landing page 上面的追踪链接代码看起来的样子：

代码片段七：

2）退回按钮链接

退回按钮跳转代码会在访客点击你 landing page 上面的 “back”时，把他们跳转到一个 url。所以你可以随意把这个链接替换成其他的：你的追踪链接、你其他 campaign 链接，都可以。

下面是一个案例，有很多的退回跳转代码，不过大部分使用的都是“history.pushState”和“location.replace”。注意：我不是专业开发人员，所以你可以拿这些代码给你的程序员朋友看看，特别是做网页前端的朋友。

代码片段八：

3）设备检测

这段代码在移动端 landing page 上很流行。它的作用是检测访客是通过移动设备访问的还是桌面设备。如果访客来自桌面设备，他们会被跳转到这段代码指定的 URL。

代码片段九：

4、下载文件到本地，然后修改文件地址

有时候你会发现 landing page 会引用一个文件，而它实际上在之前使用的人的服务器上。比如一个 JQuery 文件、一个图片或者 mp3 文件等等。我们需要把这些文件下载下来，而不是从别人的服务器调取，这样你才能确保不出问题。

比如：
代码片段十：

我们复制链接在浏览器打开，然后下载这个声音文件，上传到你的服务器，然后修改它的地址。如果你传到和 landing page 同一个文件夹，那么你就可以改成这样：

代码片段十一：

通常，你想去下载的时候，文件都失效了，所以我们要想办法找到替代品。如果是 jQuery，可以访问这里：

https://code.jquery.com/jquery/

有很多不同的版本存在，有时候你可以根据 landing page 上的原来地址得知使用的版本。我们只要对应下载好，正确上传替换就可以了。

注意1：即使你下载的 landing page 文件里已经包含了一个 jQuery 文件，还是应该重新下载一次，因为有些人喜欢在 jQuery 文件中添加恶意的跳转代码。

注意2：关于 jQuery 的进一步说明，以及有人建议使用 Google 托管的文件来提高加载速度，看本文的最后更新：

5、检查可疑跳转

如果你观察开发者工具的 web console，landing page 有没有试图访问任何外部链接，如果没有；然后查看它是否留下任何 cookies，如果也没有，那么大概率这个 landing page 没啥问题。

1）查看有没有调用外部链接

开发者工具 > ne

加入社区,可阅读全站10w+资源

您尚未登录，请登录后操作

 非会员试读20%,加入社区后可阅读全文