如何修复下载的着陆页
经常有人问，下载的 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);”会自动显示出星期几，所以你就要把 “Friday” 删掉。另一个案例：代码片段六：这里，“document.write(""+montharray+" "+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）查看有没有调用外部链接开发者工具 > network 标签页2）检查 cookiesChrome 上访问：chrome://settings/然后检查你的域名。然后在你打开页面前看好，打开之后再看。或者使用这样的工具：http://www.cookie-checker.com/（看第三部分：检查 JS code）更新-关于 jQuery 的进一步说明嗨，Amy，这篇文章很棒，特别是对于像我这样的非技术新手来说。所以你是说任何带有.js的文件，例如page.js应该被删除，并用https://code.jquery.com/jquery/下载的版本替换非会员试读19%,加入社区后可阅读全文 我也是坐沙发的 学习下 我了个去，顶了 鼎力支持！！ 沙发？？？ 我也来顶一下.. 支持，楼下的跟上哈~ 撸过 我了个去，顶了