D19-25-Landing Page 调整

xingqing

今天的教程没办法一步步演示，因为大家下载的 landing page 应该都是不一样的。

我们下载好的 landing page 都必须仔细检查和修改，因为：

1、我们需要替换掉别人的链接。

2、我们要修复因为下载带来的一些错误。

3、删掉一些恶意代码，防止 landing page 跳转到其他设定好的 url。

我已经写过一篇帖子教大家怎么修改下载的 landing page：

D12-课外阅读：如何修复下载的 landing page

要修复 landing page，你必须了解一些网页前端的知识（HTML、CSS、JavaScript），也可以去找一些基础课程看看。

比如慕课网的免费 HTML/CSS 课程（大概 9 小时长度。）：https://www.imooc.com/learn/9

还有一个半小时的 JavaScript 入门课：https://www.imooc.com/learn/36

也可以看看这个站，随时有问题查阅挺方便的：

https://www.w3school.com.cn/

还有一个问题就是要解决你已经传到 Amazon S3 的 landing page 的编辑问题。

下面是我的一个方法。

如何使用 CrossFTP 和 Sublime Text 编辑 Amazon S3 的文件

编辑

有人分享了，可以用 Filezilla Pro 访问 S3 buckets（不免费）：

https://stmforum.com/forum/showthread.php?46316-My-New-Journey-of-Learning-to-Be-a-Proper-AM&p=385796&viewfull=1#post385796

有人分享了在 Mac Os X 使用 Sublime 的方法：

https://stmforum.com/forum/showthread.php?41868-40-Days-of-learning&p=358956&viewfull=1#post358956

有人分享了一个 Mac 上面更快的方法：

https://stmforum.com/forum/showthread.php?43902-Automatically-push-lander-edits-from-Sublime-Text-to-S3

上述方法可能更好，不过我没测试过，不过我的方法仍然贴在下面，作为大家的保底方案：

1、下载 CrossFTP （确保下载对应的操作系统版本）：

http://www.crossftp.com/download.htm

2、下载 Sublime Text 编辑器，同样看好版本：

https://www.sublimetext.com/

3、可选项：下载一个浏览器的一键缓存清理插件，可以节省很多时间。如果是 Google Chrome，可以用我使用的这个：

https://chrome.google.com/webstore/detail/clear-cache-shortcut/jnajhcakejgchhbjlchkfmdidgjefleg?utm_source=chrome-app-launcher-info-dialog

4、登录 Amazon Cloudfront。在 Cloudfront Distributions 页面，点击你的部署。点击“Behaviors”标签，选中列表中的唯一一个项目，点击“Edit"。

5、往下拉找到“Object Caching”，然后选择“Customize”。你应该看到“Maximum TTL”，“Minimum TTL”和默认的“Default TTL”，表示 Cloudfront 对每个对象的缓存保留期限。默认 Minimum TTL = 0 / Maximum TTL = 31536000（1年） / Default TTL = 86400（1天）。

（当你在测试页面和做调整的时候，你 S3 bucket 中的页面应该把三项都设为 0。然后下拉到底部点击“Yes，Edit”。这就等于禁用了缓存功能，你可以通过刷新，实时的看到自己调整的结果。

当你的页面已经准备用来跑流量了，你应该把默认值改回去。就回到刚才的设置页面，修改三个值回到默认，最后一样在最下面点击“Yes，Eidt”。这一步是非常重要的。不设置正确就会大大增加你的 campaign 加载速度，导致表现变差。）

6、登录 Amazon S3 控制台。点击顶部的账号名称，再点击“My Security Credentials”。

7、点击“Continue to Security Credentials”如果弹出窗口的话。（可以勾选“Don‘t show me this message again”避免再次弹出。）

8、点击展开“Access keys（Access key ID and Secret access key）”。然后点击“Create New Access Key”。再新窗口中，点击“Download Key File”。

9、你应该会下载到一个名为 rootkey.csv 的文件到电脑。打开它找到你的 access key，看起来应该如

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

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

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