安装类着陆页学习：有用的脚本代码汇总

xingqing

小介绍：这将是我在STM论坛的第一篇文章，三月份我在我的俄语博客上发表，现在我翻译了它，我想在STM上分享它，我希望它在这里有用。

谷歌Play安装最好的着陆页研究

今天我们将有一个安装类着陆页的详细研究，看看能帮助提高CR的代码和脚本。总的来说，这篇文章的目的是帮助人们创建自己的着陆页，即使他们不是熟悉HTML和javascript。

每个新手都认为，现在他们可以创建自己的着陆页，并立即获得令人难以置信的ROI和大量流量，但这通常不会发生。如果你不是HTML+CSS的专业人士，你就无法创建一个在不同浏览器和不同移动设备上看起来同样出色的页面。你不应该天真地认为你的着陆会比更有经验的同事更好。然而，不要失望，因为现在有很多可能方法 SPY 你的竞争对手，即使它们的着陆页不一定能够立即给你带来利润，但是至少也已经调教得适合各种设备。

首先，我们应该找到一个合适的着陆的例子，因此，我将进入 adplexity，并试图在那里找到一个合适的着陆页。为此，我根据它们收到的流量来搜索着陆页。这一切都很简单：着陆收到的流量越多，它运行的时间就越长，为其所有者带来利润的机会就越高。

这个帖子的图床来自俄罗斯，但是失效了。

这是搜索结果，我们就选择第二个着陆页，下载并研究它的代码、作者用来增加转化率的脚本以及它的结构。它能帮助我们掌握着陆页或者我们可以使用它。为了不让过多的代码使本文超载，我不会在这里插入全部代码，大家可以在课程附件下载：

31970.zip

，并在文本编辑器中解压并打开index.html。顺便说一下，对于代码编辑，我使用了一个很好的notepad++编辑器，它是免费的，所有的好处都足以满足我们的需要。下载、安装并打开着陆页。

注意:你不需要成为一个专业的布局设计师，但HTML和CSS的基础知识是必须知道的，至少为了能够引入修正到代码和改变任何你喜欢的着陆根据你的需要。对于初级的学习来说，htmldog.com就足够了，当然，你可以随时问谷歌。如果你还想深入研究布局的精妙之处，我强烈推荐codecademy.com。

要查看下载的着陆是什么样子，请将index.html文件拖到浏览器窗口中。我们发现移动设备的着陆非常典型，所有的移动设备着陆看起来几乎都一样，除了风格，白色或黑色的背景颜色，标题是否暴力等等。所有这些都是为了提高转化率。

分析这类着陆页的元素

标题、描述和行动号召按钮（CTA）。

这实际上就是我们需要向移动用户展示的全部内容，没有必要让LP过载。大量的文本——通常是糟糕的，人们不喜欢阅读。按钮看不见，很糟糕。标题晦涩难懂——也很糟糕。标题应该引起用户的兴趣，以便让他们留下来。在这里我不会深入探讨营销的微妙之处，这篇文章也不是关于这个的。正如我已经强调的更重要的细节一样，让我们转移到LP的代码，特别是帮助提高CR的JS脚本。

我们看到的第一个JS脚本是这样的：

很简单，这个着陆是由 voluum 跟踪器创建的，这就是为什么它使用这个跟踪器的脚本，允许将用户的设备参数(模型，操作系统，品牌等)和地理参数(国家，城市，IP)直接发送到着陆页。用法下面说。如果您正在使用这个技巧，不要忘记在voluum中的着陆链接后面附上所需的参数。所示：

图片丢失。就是通过 &parameter={token}把要使用的参数通过链接传递。

其他参数的写法相同。

更多信息参考 Voluum 官方文档：

https://doc.voluum.com/en/dynamic_call_outs.html

现在谈谈主要脚本。

BackButton脚本

简而言之，它切断了“后退”按钮，特别是当用户想要离开我们时，我们阻止他们这样做。增加CR。与其切断链接，我们还可以添加一个链接，这样用户就可以通过点击“返回”按钮来跳转到我们的产品页。而不是代码中的' # '。

我们放了一个链接到任务。如果你使用voluum作为跟踪器，这部分代码看起来如下:

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

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

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