0
0
0

如何通过HTML5广告双击价格

2019年8月19日

横幅广告已经存在很长一段时间了第一次是1994年).但这并不意味着我们解决了他们所有的问题。显示广告点击率低于文本广告. 为不同的位置创建不同的尺寸可能很困难;从历史上看,如果你想创造一些动态的东西,你只能使用笨重和不安全的Flash元素。

公众的看法跟不上科技的发展。据报道,HTML5是横幅广告游戏中一个光荣的补充,与静态横幅广告相比,强大的HTML5广告可以大幅提高点击率,达到267%一个Adform研究. 将HTML5广告与标准静态广告进行比较,就很容易看出性能提升的原因:

HTML5旅游广告

他们移动!

今天,我们将向您介绍HTML5广告的内幕。我们将讨论它们是什么以及如何制作它们;向你展示一些方法,你可以拍摄,以实现这些大规模增加点击率;并向您展示一些有效的HTML5广告实例。

让我们开始吧!

什么是HTML5广告?

HTML5是html的最新版本,html是浏览器用来呈现内容的标记语言之一。HTML5是HTML的第一个版本,它允许开发者直接在页面的源代码中编写视频、音频和其他动画,从而消除了对Flash等插件的需求。

HTML5广告带

看它的作用在这里

HTML5广告在点击时更具吸引力,在观看时更不具侵扰性,因为它们生活在页面中,更微妙、更优雅,而且不那么插科打诨。

如前所述,HTML5广告的最大吸引力在于它包含了视频和动图等阻止拇指移动的元素。的一部分横幅广告疲劳这是因为你无法区分页面上的静态元素和广告中的静态元素。HTML5广告需要浏览量和点击量,因为它们从你的页面内容中脱颖而出。

除了传统的动作元素,HTML5还支持3D和交互式广告设计(游戏邦注:用户可以触摸或点击它)。它们可以在本地应用中完美运行,并且可以在任何设备上响应显示所有位置(Flash广告做不到这一点),因此无需为多个位置创建多套规格的广告。

如何制作HTML5广告

谷歌宣布2016年,所有显示广告将以HTML5格式提供,Flash广告将停止。这一声明引起了一些关注——主要是来自竞选经理们,他们担心自己快速、内部制作基于代码的广告的能力。Flash广告是一种安全问题,确定;并不是所有的设备都能运行它们;但另一种选择似乎是更多的工作,更少的产出。

幸运的是,创建HTML5广告并不需要你是一个完整的开发人员,甚至不需要精通HTML5。现在有许多工具,如google Web Designer, Bannersnack, Flexitive等,这些工具可以让营销人员在对网页代码了解有限的情况下,创造出令人眼花缭乱、值得点击的HTML5广告。

有些特殊的产品,字流顾问允许您几乎完全跳过创建过程。只需输入你的网站或产品页面的URL和一些相关的广告文案。Advisor从你的网站或网页上收集最好的图像进行广告创意;收获你的标志和公司的颜色;然后自动生成7个最常见的HTML5广告显示广告大小。

如果你想在运行中创造内部HTML5旗帜,你可以选择一些方法。如果你还在考虑从头开始创建一个,看看这个来自DoubleClick的很棒的研讨会。你需要拥有强大的HTML5设施;你也应该知道你的广告将需要SSL兼容

HTML5横幅示例

你很有可能仍然对创造HTML5广告持观望态度。也许你需要看到一些最优秀的HTML5横幅广告,才能相信它们的功效。我们帮你搞定了。为了激发你的灵感,我们将向你展示三种创造HTML5广告的方法,让你有机会大幅提高点击率。以下是3个HTML5横幅广告的例子——让我们来讨论为什么每个广告都能有效地利用各自的策略。

让我们看一些广告。

1.让它具有扩张性,而不是侵入性

用代码来写广告最好的一点就是你可以让它尽可能的膨胀。HTML5广告就像是网页中的网页;因此,你可以定制它,让用户无需离开看到你的广告的页面就能体验到沉浸式的品牌体验。以Undertone的《职业足球大联盟》广告为例:

HTML5广告示例

点击在这里看看它在起作用。

这则广告采用了我之前讨论过的“浮华但不侵扰”的手法。当你第一次打开页面时,明亮而动态的创建是透明的。这个广告看起来像是页面浏览体验的一部分;不是妨碍用户访问其内容的“额外”内容。如果洞口侵入性,它在一瞬间消失了——广告改变了大小,退回到页面的角落,在那里它几乎不麻烦,但肯定仍然存在。

然后,如果用户的兴趣被激怒了,他就会移动光标或手指在迷你广告上点击/按压。这样做会打开一个巨大的亮点空间,让玩家可以沉浸在Michael Bradley的游戏中,浏览到下一个亮点,或者点击“View Schedule”查看下一款游戏何时会在他们附近发生。如果你是一家小公司,你可以把这当成是你的实体店的一个线索。

可能是膨胀的,但不具有侵入性;如果你完成了,你就不需要去说服用户点击了——他们会自己点击。

2.启动产品

闪烁的图像很棒;但如果你可以在不使用视频的情况下制作产品动画,你就会得到一个流线型的广告,而不会因为美观而牺牲性能。以吉普为例:

HTML5广告

很快,吉普使用HTML5在三个面板上运行,广告一个产品功能,每个面板都有选择性地复制,然后产品本身才真正进入页面。当你将光标移动到最后一个静止的镜头上时,“叛逆细节”的动作调用会将用户带到吉普车的登录页,这是广告的最后一部分,它会移动一个动画,基本上告诉用户如何与广告交互,而不会过于冲动。

然而,这里值得注意的是吉普将其产品投入运行的方式。就像在滚动时显示信息的交互式网页一样,动画是在没有视频的情况下完成的,因此不需要嵌入任何繁琐的文件来达到所需的效果。而且,与传统的gif不同,该广告播放一次就完成了(我们将其制作成gif,因此您不会在此处看到该动作)-因此,如果用户不在第一次尝试时单击,您的广告将不会继续以其华而不实的效果侵入他的眼睛空间。

利用这种动画是展示产品在自然环境中表现的绝佳方式,同时保持充分优化和简洁的广告。

3.Gamify你的升职

请原谅我们在语言上的失误,但Revenue Engineers为在线游戏公司NordicBet所创造的HTML5广告实在是太棒了,所以我们不得不将以下内容包括:

Gamify

还有什么品牌比在线游戏品牌更适合将广告游戏化呢?你会看到各种形式的游戏化广告——完成填字游戏、制作动画篮子、射击动画目标——但结果总是一样的:用户通过玩游戏被吸引到登录页面。你怎么能不玩即兴轮盘赌呢?

这则广告特别有效,因为它不会在用户旋转轮盘后直接将他们发送到登录页面。相反,它会在左侧的小部件上显示“奖品”——一个到注册表单的链接,并带有“收到你的礼物”的号召行动。从那里,用户会被引导到一个注册页面,其中包含一个表单字段,用户可以在其中填写自己的信息。这是另一种许可营销形式,与我们已经讨论过的非侵入性例子一致。

用HTML5游戏化广告是吸引点击的好方法;这则广告表明,你不需要是侵入性的或垃圾邮件就可以这么做。

充分利用HTML5广告

在你对HTML5广告的理解和我们所讨论的例子中所达到的创造性设计水平之间,是否感觉到了知识差距?别担心!HTML5广告现在比以往更容易制作;并访问上述工具之一,如免费试用WordStream Advisor-将使你走上HTML5广告成功的快车道。

戈登·唐纳利

戈登·唐纳利(Gordon Donnelly)是一名被大学曲棍球队淘汰的搜索引擎优化和内容营销人员。他对钓鱼、泥石流和吉姆·莫里森很着迷。

注册每周获取我们的顶级技巧和窍门!