D20-D25-调整着陆页代码
行动我们已经从 Adeplexity (或者其他 spy 工具)下载了一些着陆页,并且上传到了 S3,同时也知道了该怎么去修改。接下来我们一起看看如果编辑代码调整它们。下载下来的着陆页都有很多问题,代码乱七八糟,有些代码少了,有些多了没用。我们需要修复所有存在的问题。这就需要大家懂一些互联网编程,或者找人帮忙,但是最好自己懂一些基础。在进行下一节课之前,我们最少准备 3-5 个修复好的着陆页。有些着陆页相比其他的更加难以修复,如果要给着陆页花去了你很多时间修复,仍然存在问题,那么就换一个。这也是为什么我建议大家多下载一些,这样我们最终就可以有 3-5 个可以测试了。下面是一些需要修复的常见问题,我们一个一个来看。下载的着陆页需要修复的常见问题1、修复从 URL 获取参数的功能有时候你会看到一些位置是需要提示用户本身的信息的,比如手机品牌、型号、运营商、浏览器、ISP运营商、城市等等。它们的格式通常看起来如下:(具体代码见课程附件)代码片段一:代码片段二:不过也可能出现没有“getURLParameter”函数的:代码片段三:如果你对这些代码不熟悉,可以看这里:https://affren.com/study-831.html 经常会发生的情况是,spy 下来的 landing page 会丢失 “getURLParameter” 函数,你就必须自己手动把它粘贴回去就没问题了:代码片段四:2、移除过去的日期和时间landing page 上经常会出现日期和时间,一般都是自动生成的当下时间。有时候 landing page 下载的时候的时间也会显示上去,这个要删掉,否则你实际运行的时候就会看到两个时间同时出现。案例:代码片段五:这里,“document.write(dayNames);”会自动显示出星期几,所以你就要把 “Friday” 删掉。另一个案例:代码片段六:这里,“document.write(""+montharray+" "+daym+"")”会把当前的月份和日期显示,所以你要把就的日期时间删除“June 04 12:01 am”,因为这部分是过时的,多余的了。3、替换追踪链接你需要替换所有页面上的出站链接。下面是一个出站链接的案例:下面式你获取各个追踪程序出站链接的方法:如果你使用 Voluum:点击顶部的设置(齿轮),选择追踪链接标签,复制 Click Url:如果你使用 Binom:点击顶部的设置,追踪链接标签,复制 Click URL:如果你使用 Funnelflux:访问左侧菜单的页面和资源,点击顶部的着陆页,点击添加新的,展开页面行动链接部分,复制 Action URL:4、替换退回按钮链接退回按钮跳转代码会在访客点击你 landing page 上面的 “back”时,把他们跳转到一个 url。所以你可以随意把这个链接替换成其他的:你的追踪链接(点击的时候发送用户到你原本推的任务页面)、你其他 campaign 链接,都可以。下面是一个案例,有很多的退回跳转代码,不过大部分使用的都是“history.pushState”和“location.replace”。注意:我不是专业开发人员,所以你可以拿这些代码给你的程序员朋友看看,特别是做网页前端的朋友。代码片段八:5、替换设备检测链接这段代码在移动端 landing page 上很流行。它的作用是检测访客是通过移动设备访问的还是桌面设备。如果访客来自桌面设备,他们会被跳转到这段代码指定的 URL。同样的,可以是你的追踪链接(点击的时候发送用户到你原本推的任务页面)、你其他 campaign 链接,都可以。只要确保它们都可以接受桌面流量即可。代码片段九:6、下载文件到本地,然后修改文件地址有时候你会发现 landing page 会引用一个文件,而它实际上在之前使用的人的服务器上。比如一个 JQuery 文件、一个图片或者 mp3 文件等等。我们需要把这些文件下载下来,而不是从别人的服务器调取,这样你才能确保不出问题。比如:代码片段十:我们复制链接在浏览器打开,然后下载这个声音文件,上传到你的服务器,然后修改它的地址。如果你传到和 landing page 同一个文件夹,那么你就可以改成这样:代码片段十一:通常,你想去下载的时候,文件都失效了,所以我们要想办法找到替代品。如果是 jQuery,可以访问这里:https://code.jquery.com/jquery/有很多不同的版本存在,有时候你可以根据 landing page 上的原来地址得知使用的版本。我们只要对应下载好,正确上传替换就可以了。注意1:即使你下载的 landing page 文件非会员试读20%,加入社区后可阅读全文 我只是路过,不发表意见 嘘,低调。 秀起来~ OMG!介是啥东东!!! 我只是路过,不发表意见 不错 支持一个了 打酱油的人拉,回复下赚取积分 锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦! 1v1飘过