0
0
0

如何使用HTML5广告双击率

2019年8月19日

横幅广告已经存在很长一段时间了第一次是1994年).但这并不意味着我们解决了他们所有的问题。显示广告比文本广告更低的点击率.为不同的展示位置创造不同的尺寸可能是艰巨的;历史上,如果你想创造一个动态的东西,你就会限于笨拙和非安全的闪存元素。

公众感知并没有完全保持技术。根据“据介绍,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广告。

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

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

HTML5横幅示例

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

让我们看一些广告。

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

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

HTML5 ADS示例

点击在这里在行动中看到它。

这个广告与我之前讨论过的“华丽但不侵入性”的Modus Operani。明亮和动态的创建,当你第一次打开页面时,是透明的 - 这个广告看起来像页面查看体验的一部分;不是“额外的”,即将用户妨碍访问他或她的内容。并且,如果开放创造侵入性,它在一瞬间消失了——广告改变了大小,退回到页面的角落,在那里它几乎不麻烦,但肯定仍然存在。

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

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

2.将您的产品送入运动中

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

HTML5广告

在快速继承中,Jeep使用HTML5通过三个面板进行广告一个产品功能 - 为每个面板的选择性副本 - 在产品本身在页面上的工作之前。当您在最后一次拍摄时运行光标时,将用户带到Jeep Randing页面的“renegade详细信息”呼叫动作,是移动的广告的最后一部分 - 动画 - 基本上告诉用户如何与广告互动而没有过于咄咄逼人。

然而,这里的值得注意的事情是吉普车的方式使其产品在运动中。就像一个互动的网页一样,在滚动时显示信息,动画是在没有视频的情况下完成的,因此无需嵌入任何繁琐的文件以实现所需的效果。And, unlike a traditional gif, the ad plays through once and is done (we made it into a gif, so you won’t see that action here)—so, if the user doesn’t click on the first try, your ad will not continue to invade his eye space with its flashiness.

利用这种动画是展示您在自然栖息地中表现的优势的好方法,同时保持完全优化和简洁的广告。

3.Gamify你的升职

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

Gamify

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

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

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

充分利用HTML5广告

在我们讨论的示例中,您对HTML5广告的理解和创造性设计水平之间的了解差距?不要出汗!HTML5 ADS现在比以往任何时候都更容易创造;并访问上述工具之一 - 如a免费试用WordStream Advisor- 让您在快速跟踪到HTML5 AD成功。

戈登·唐纳利

Gordon Donnelly是一所大学曲棍球冲洗,转动SEO和内容营销人员。他是钓鱼,泥石店和吉姆莫里森的吸盘。

注册每周获取我们的顶级提示和技巧!